【CSS】positionːstickyの解除方法

CSS

CSSのposition:stickyを解除するには、対象の要素にposition:staticを設定することで、stickyを解除することができます。

例:

/* position:stickyを設定 */
.sticky-element {
    position: sticky;
    top: 0;
}

/* position:stickyを解除 */
.unsticky-element {
    position: static;
}

もしくは、 displayプロパティに none を指定する事でも解除することができます。

/* position:stickyを解除 */
.unsticky-element {
    display: none;
}

これらの方法によって、sticky要素を解除することができます。