侧边栏粘贴菜单在设定高度

时间:2014-02-24 15:28:56

标签: javascript jquery css sticky-footer

我在我的网站上有点挣扎。

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

请在此处查看我的网站: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>

1 个答案:

答案 0 :(得分:2)

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