Question

因此，我尝试更改导航栏，使其向下滚动时变小，使其完美运行，然后我希望在向上滚动时使其变大，这没做吗？我一步一步地调查了源，我的陈述很好，这没错，有人有什么想法吗？

 $(window).scroll(navbarSmaller);

function navbarSmaller() {
var docTop = $(window).scrollTop();

if(docTop > 20) {
    $("#navbar ul").animate({ 
        'padding' : 10
      }, "fast");
} else if(docTop <= 20) { 
    $("#navbar ul").animate({ 
        'padding' : 20
      }, "fast");
}

}

Answer 1

我通过添加变量来修复它。我不知道这是不是正确的方法，但是现在它运行非常顺畅。

var navbar = 1;
function navbarSmaller() {
var docTop = $(window).scrollTop();

if((docTop > 150) && (navbar === 1)) {
    $("#navbar ul").animate({ 
        'padding' : 10
      }, "fast");
      navbar = 0
} else if((docTop <= 150) && (navbar === 0)) { 
    $("#navbar ul").animate({ 
        'padding' : 20
      }, "fast");
      navbar = 1;
}
}

针对需要此功能的人。

对填充JavaScript的更改进行动画处理

1 个答案: