为什么我的博客文章页面上的位置粘性不起作用？

Question

我已将父元素设置为“溢出：继承”，并确保所有父元素上的位置正确。但是，我似乎无法让我的自定义菜单“ .leftsidebar”停留在某个滚动点上。

• 确保父元素溢出和定位不会引起问题

• 尝试了其他几次SO讨论都没有结果。

  Int

预期结果：粘性菜单应一直保留到长篇文章的结尾...相当长。

实际结果：粘性菜单停留了一秒钟，但随后停止工作。

Answer 1

Okey，我找到了。在某个路径中，您在.entry-content中的菜单但在主页上，您还有另一个div，它在索引的某些部分之后阻止了粘滞。尝试将粘性菜单显示在此处，如图所示。

Answer 2

max-width是原因

.leftsidebar {
    position: -webkit-sticky !important;
    position: sticky;
    max-width: 100%;
    float: left;
    margin-left: -39.5%;
    top: 100px;
    z-index: 10;
    background-color: transparent;
}
#stick-menu {
    z-index: 1;
    width: 100%;
    padding: 5px 0 !important;
}