粘滞的位置不起作用

Question

这是我的网站：www.createpen.com，我正在努力使 .stickydiv .vc_column-inner 变得粘性，使用：

    .stickydiv .vc_column-inner {
    position: sticky;
    top: 0;
    }

但似乎对我不起作用。搜索论坛，没有任何帮助我。我可能错过了一些简单的东西，你能找到它的东西吗？ 提前谢谢！

Answer 1

位置粘性并不是一件新事物，但是support现在已经开始使用它了，所以它的位置有多粘性？

粘性定位是相对定位和固定定位的混合。该元素被视为相对位置，直到它超过指定的阈值，此时它被视为固定位置。 - Mozilla基金会

Wauw，不是很棒吗？在构建动态固定标头时，不再需要JavaScript。那我该怎么用呢：

REGEXP_SUBSTR

请记住，您需要指定顶部，右侧，底部或左侧的阈值。否则，它将与相对定位无法区分。

但它不起作用

我有一些问题让它在旧网站上工作我做了一些更新。在查看DOM的一些“有趣”调查后，我发现父div有溢出：隐藏，这意味着浏览器无法计算元素何时必须是粘性的。 另一个问题但是预期的行为是，一旦有一个粘性孩子的父母不在视线范围内，粘性元素也将不再坚持。