保持菜单始终处于网页顶部

2019-01-25 09:18:42 5448

以下代码片段允许某一元素始终处于页面顶部。可以想见,其非常适合处理导航菜单、工具栏或者其它重要信息。


$(function(){  

var $win = $(window);  

var $nav = $('.mytoolbar');  

var navTop = $('.mytoolbar').length && $('.mytoolbar').offset().top;  

var isFixed=0;  

processScroll();

$win.on('scroll', processScroll);

 

function processScroll() {  

var i, scrollTop = $win.scrollTop(); 

if (scrollTop >= navTop && !isFixed) { 

isFixed = 1; 

$nav.addClass('subnav-fixed'); 

} else if (scrollTop <= navTop && isFixed) {  

isFixed = 0; 

$nav.removeClass('subnav-fixed');

}

}

});


提交成功!非常感谢您的反馈,我们会继续努力做到更好!

这条文档是否有帮助解决问题?

非常抱歉未能帮助到您。为了给您提供更好的服务,我们很需要您进一步的反馈信息:

在文档使用中是否遇到以下问题: