Javascript 为什么不是'；在我的博客文章页面上工作？

我已经将父元素设置为“overflow:inherit”，并确保所有父元素上的位置都是正确的。然而，我似乎无法让我的自定义菜单“.leftsidebar”通过某个滚动点

• 确保父元素溢出和定位不会导致问题
• 尝试了其他几次SO讨论，但都无济于事

  <nav class="leftsidebar">
     <ul id="stick-menu" class="nav nav-tabs">
        <li class="">
           <a href="#choose-website-platform">Step #1: Choose the Right Platform For Your Website</a>
        </li>
        <li class="">
           <a href="#secure-domain-hosting">Step #2: Secure A Domain Name &amp; Fast Web Hosting</a>
        </li>
        <li>
           <a href="#setup-install-wordpress">Step #4: Setup &amp; Install WordPress</a>
        </li>
        <li>
           <a href="#customize-your-website">Step #4: Customize Your Website</a>
        </li>
     </ul>
  </nav>
  
  .leftsidebar {
      position: -webkit-sticky !important;
      position: sticky;
      max-width: 30%;
      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;
  }
  

  
  
  
  
  
  
  
  
  
  
  
  .左侧边栏{
  职位：-网络工具包粘性！重要；
  位置：粘性；
  最大宽度：30%；
  浮动：左；
  左边缘：-39.5%；
  顶部：100px；
  z指数：10；
  背景色：透明；
  }
  #棒菜单{
  z指数：1；
  宽度：100%；
  填充：5px0！重要；
  }
  

预期结果：粘性菜单应该一直保持到长文章的结尾。。。这相当长

---

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

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;
}

---

好的，我找到了。在

.entry content

中的菜单的某些路径中，但主页上还有另一个div，它会阻止索引某些部分后的粘性。试着把你的粘性菜单放在上面，就像上面显示的图片一样。

---

Sticky似乎已经在这段代码中起作用了，但是如果你仍然可以使用fixed或BootsSphere，那么它是一个指向问题中的暂存页面的链接：这很奇怪，因为它在同一站点的其他页面上起作用：我在手机上试用了safari浏览器，mac似乎仍然对我起作用。我没有停止使用哪个浏览器，所以我可以检查一下，Safari、Chrome或Firefox对我不起作用，这不是原因。