当您看到此页面时
http://twitter.github.com/bootstrap/javascript.html
在您滚动页面时,会出现一个自动浮动栏,它会自动固定在顶部
我在哪里可以找到一个插件并获得像这样许多自定义设置?
我已经从该页面复制了以下HTML和JavaScript代码:
(function($){
var $win = $(window);
var $nav = $('.subnav');
var navTop = $('.subnav').length && $('.subnav').offset().top - 38;
var isFixed = 0;
processScroll();
$win.on('scroll', processScroll);
function processScroll() {
console.log('test');
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');
}
};
})(jQuery);
但是它无法滚动并保持在页面顶部。