Javascript 我在哪里可以找到jquery插件,比如twitter bootstrap';s.subnav自动浮动条?
当你看到这一页 在你滚动页面的地方有一个自动浮动条,它会自动粘贴到顶部 我在哪里可以找到一个插件,并得到许多像这样的自定义设置 我已经从该页面复制了html和javascript代码,如下所示Javascript 我在哪里可以找到jquery插件,比如twitter bootstrap';s.subnav自动浮动条?,javascript,jquery,html,css,jquery-plugins,Javascript,Jquery,Html,Css,Jquery Plugins,当你看到这一页 在你滚动页面的地方有一个自动浮动条,它会自动粘贴到顶部 我在哪里可以找到一个插件,并得到许多像这样的自定义设置 我已经从该页面复制了html和javascript代码,如下所示 (function($){ var $win = $(window); var $nav = $('.subnav'); var navTop = $('.subnav').length && $('.subnav').offset().top - 38;
(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);
(函数($){
var$win=$(窗口);
var$nav=$('.subnav');
var navTop=$('.subnav').length&$('.subnav').offset().top-38;
var isFixed=0;
processScroll();
$win.on('scroll',processScroll);
函数processScroll(){
console.log('test');
变量i,scrollTop=$win.scrollTop();
如果(scrollTop>=navTop&&!已修复){
isFixed=1;
$nav.addClass('subnav-fixed');
}否则,如果(scrollTop)确保合并了css以及html/javascript。
如果样式表中没有附带的css,subnav fixed
类是无用的
从站点复制(通过firebug):
我已经复制了所有CSS前缀,当我滚动页面时,它不会向subnavfixed类添加subnavfixed类这段代码对我来说似乎很好。它唯一没有做的就是滚动间谍菜单高亮显示。
.subnav-fixed {
/*important part*/
left: 0;
position: fixed;
right: 0;
top: 40px;
z-index: 1020;
/*design stuff*/
border-color: #D5D5D5;
border-radius: 0 0 0 0;
border-width: 0 0 1px;
box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
}