javascript - 设定高度的侧边栏粘性菜单

Question

我在我的网站上遇到了一些困难。

我想创建一个粘性侧边栏菜单，一个在您滚动时始终伴随着您的菜单。但是我不希望菜单从页面顶部开始，它需要与页面下方的另一个元素保持一致(而不是页面下方固定的已知数量)。

请在此处查看我的网站:http://fh80.student.eda.kent.ac.uk/fyp/

我希望侧边栏位于左侧，但要与“运动、场馆、运动员”框保持一致。所以它一直停留在那里，除非你进一步向下滚动……然后它会跟着你。

我如何使用 jQuery 做到这一点？我已经编写了基本的 HTML。

还有，#browserMenu 菜单应该只在您单击其中一个链接 a.moreLink 时显示。所以实际上当你加载网站时你不会看到它。但是当你点击其中一个“更多”链接时，它就会出现，然后跟着你走。

  <!-- The Browser Menu -->
  <div id="browserMenu">
  <a href="#">Sports</a>
  <a href="#">Athletes</a>
  <a href="#">Venues</a>
  <a href="#">About</a>
  </div>
</div>

Answer 1

编辑: http://jsfiddle.net/WAsTL/3/这应该可以解决您的所有需求。如果它不让我知道，我会更新它。您可以根据需要调整 top: 35%; 值。