滑动/跟随导航菜单
滑动/跟随导航菜单
提问于 2011-08-10 00:01:47
我正在寻找一个简单的jQuery或Javascript解决方案，使导航侧栏顺畅地跟随用户时，他向下滚动页面。如下所示：http://ucon-acrobatics.com/shop/
任何想法都是值得感谢的。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-08-10 00:22:22
首先获得最高位置：
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/
Stack Overflow用户
发布于 2011-08-10 00:10:23
最简单的方法是在导航上使用position:fixed，这样做的好处是不会太慢。
您可能会决定使用position:absolute，直到用户在移动到position:fixed之前滚动过某个点。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6999215
复制相关文章
相似问题
腾讯云开发者
