我正在制作一个菜单栏,而且我对 JQuery 还很陌生。我希望菜单栏在向下滚动时延迟,但在向上滚动时,我希望它不会延迟地粘在浏览器窗口的顶部。现在两边的延迟是一样的,当滚动到顶部时,没有延迟。
我希望有一个人可以帮助我 :)
$(document).ready(function(){
var speed = 1000;
var speedtop = 0;
var menu = $('nav#header');
var offset = menu.offset().top;
var menuStartPos = menu.position().top;
var top_offset = 0;
updateFloatingMenu(); //we don't have this just yet
$(window).scroll(function(){
updateFloatingMenu();
});
function updateFloatingMenu(){
var scrollAmount = $(document).scrollTop();
var newPosition = menuStartPos + scrollAmount;
if(scrollAmount > offset){
var topPos = (newPosition-offset) + top_offset;
menu.stop().animate({top: topPos}, speed);
}else{
menu.stop().animate({top: menuStartPos}, speedtop);
}
};
});