我在CSS和
HTML这里是新手,我正在尝试学习如何使一些东西在页面滚动后变得绝对定位.
这是我的意思的一个例子：http://fab.com/help/(你不需要一个帐户滚动).当您向下滚动时,顶部的黑色菜单栏消失,白色菜单栏中的“我们如何帮助您”变得绝对定位.
我创建了一个类似菜单系统的例子,
但我不知道从哪里开始使它变得绝对定位,一旦滚动,非常感谢任何见解！
解决方法
看到这个jsFiddle：
http://jsfiddle.net/jkdbP/2/
var menuTop = $('.menu').offset().top;
var menuClone = $('.menu').clone().addClass('fixed');
$(window).bind('scroll',function() {
var scrollY = window.pageYOffset;
if(scrollY > menuTop) {
if(menuClone.parent().length === 0) {
menuClone.appendTo($('.menu').parent());
}
} else if(menuClone.parent().length > 0) {
menuClone.remove();
}
});
您可以使用jQuery的.offset().top来获取菜单的Y位置,并使用window.pageYOffset(或document.body.scrollTop作为旧的IE兼容性)来获取页面的滚动偏移量.然后,您可以处理窗口的滚动事件.
