编程爱好者之家
以下代码片段允许某一元素始终处于页面顶部。可以想见,其非常适合处理导航菜单、工具栏或者其它重要信息。
$(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'); } } });