// 吸顶导航
$(function() {
$(document).scroll(function() {
var scrollTop = $(document).scrollTop();
if (scrollTop > 400) {
$("#absorb-nav").animate({
top: 0
})
} else {
$("#absorb-nav").css({
top: -54
})
}
}, )
})
应该让动画执行最后一次，不是每次的执行，执行动画前面+stop()清除之前的动画
$(function () {
$(document).scroll(function () {
var scrollTop = $(document).scrollTop();
console.log(scrollTop);
if (scrollTop > 400) {
console.log(2222);
$("#absorb-nav").stop().animate({
top: 0
}, 500, "linear")
} else {
$("#absorb-nav").stop().css({
top: -54
})
}
})
})
能把absorb-nav的代码和css贴上来吗？这样不好调试
$("#absorb-nav").css({
top: -54，
position:absolte
})
既然你用到了jq可以先把#absorb-nav元素隐藏
position: fixed;
top: 0;
left: 0;
通过slideDown()下拉显示，slideUp()折叠会更好