javascript - 滑动/跟随导航菜单

Question

我正在寻找一个简单的 jQuery 或 Javascript 解决方案，以使导航侧边栏在用户向下滚动页面时顺利跟随用户。像这里一样:http://ucon-acrobatics.com/shop/

任何想法都会受到赞赏。

Answer 1

首先获取顶部位置:

offset_top = $("#menu").offset().top     // absolute
position_top = $("#menu").position().top // relative to parent

然后创建一个事件:

$(window).scroll(function() {
  if($(this).scrollTop() >= offset_top) {
    $("#menu").css("top", $(this).scrollTop() - position_top);
  }
});

另请参阅我的示例:http://jsfiddle.net/elektronikLexikon/LaVmG/

或更改为第二个版本中的animate链接:http://jsfiddle.net/elektronikLexikon/LaVmG/2/