gpt4 book ai didi

javascript - 滚动上的 jQuery 下拉菜单

转载 作者:行者123 更新时间:2023-11-29 18:14:48 27 4
gpt4 key购买 nike

当我向下滚动页面时,我怎样才能平滑地向下滑动 jQuery?

在本页点赞: https://www.behance.net/gallery/8571121/JobEngine-WordPress-Theme-By-Engine-Themes

我正在使用这段代码,它可以工作,但它不流畅,没有向下滑动,只是出现没有效果:

var bar = $('div.navbar');
var top = bar.css('top');
$(window).scroll(function() {
if($(this).scrollTop() > 100) {
bar.stop().addClass('navbar-fixed-top').animate({'top' : '0px'}, 500);
} else {
bar.stop().removeClass('navbar-fixed-top').animate({'top' : top}, 500);
}
});

最佳答案

尝试将最高值设置为负值并将其动画化为 0px。

bar.stop().addClass('navbar-fixed-top').css('top','-50px').animate({'top' : '0px'}, 500);

看我的 fiddle : http://jsfiddle.net/mjGRr/

关于javascript - 滚动上的 jQuery 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24161131/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com