当前位置: 代码迷 >> JavaScript >> 滚动顶部时发现一个奇怪的行为
  详细解决方案

滚动顶部时发现一个奇怪的行为

热度:77   发布时间:2023-06-05 10:17:36.0

我试图设置菜单栏(固定位置)的动画,当它向下滚动不透明度应该更改为0.6并且当scrollTop()返回0时,其不透明度应为1。

当我向下滚动时它的工作正常,但是当我滚动到顶部有时代码有效时它的不透明度仍为0.6。

$(document).ready(function(){ 
    $(window).scroll(function(){ 
        if($(window).scrollTop() > 0){
            $('.navbar').animate({opacity:0.6});
        }
        if($(window).scrollTop()  <= 0){
            $('.navbar').css('opacity','1');
        }
    });
});

尝试

if ( $(window).scrollTop() > 0) 
{
    $('.navbar').animate({opacity:0.6}); 
}    
else 
{ 
    $('.navbar').css('opacity','1'); 
}  
  相关解决方案