html - 位置置顶不生效

Question

我已将此代码添加到我的网站，但没有效果：

.wp-block-column:not(:first-child) {
    position: sticky;
    top: 0px;
}

在这里我分享一个小提琴来演示：https : //jsfiddle.net/9xb0q8fw/1/ 屏幕必须至少为 790px 宽。

我希望右栏保持粘性，直到左栏在向下滚动时通过。

但position:sticky;没有采取effekt。

感谢您的任何帮助！

标签： htmlcsssticky

Answer 1

小提琴中的粘性元素没有高度设置 - 使用 setheight来避免这种情况，然后粘性位置起作用：

https://jsfiddle.net/rocz5nL1/