jquery hide滚动到页面顶部div

问题描述：

当我在页面的顶部时，我需要隐藏jQuery中的“Go-to Top”div按钮。当我在页面顶部上时，按钮出现，当滚动条到达顶部并且当我开始向下滚动页面时显示它时，我需要隐藏按钮。jquery hide滚动到页面顶部div

这里是我的代码，

$(function() { 
    var $elem = $('#content'); 

    $('#nav_up').fadeIn('slow'); 
    $('#nav_down').fadeIn('slow'); 

    $(window).bind('scrollstart', function(){ 
    $('#nav_up,#nav_down').stop().animate({'opacity':'0.2'}); 
    }); 
    $(window).bind('scrollstop', function(){ 
     $('#nav_up,#nav_down').stop().animate({'opacity':'1'}); 
    }); 

    $('#nav_down').click(
     function (e) { 
      $('html, body').animate({scrollDown: $elem.height()}, 800); 
     } 
    ); 
    $('#nav_up').click(
     function (e) { 
      $('html, body').animate({scrollTop: '0px'}, 800); 
     } 
    ); 
});

因为一个基本移动动感，我无法张贴代码..但你有没有尝试过使用js中的offset（）方法？..应该让你能够在一定的高度滚动后显示回到顶端的东西。 –

答

只需添加一个窗口滚动（）方法：

$(window).scroll(function() { 
    if ($(this).scrollTop() > 100) { 
     $('#nav_up').fadeIn(); 
    } else { 
     $('#nav_up').fadeOut(); 
    } 
});

该按钮变得不可见 – Lucky

@Lakshmanan：更新了代码，现在试试吧... –

仍然不可见... – Lucky

答

if($(window).scrollTop() == 0){ 
    //code to hide your element 
}

这种情况下，只有当页面加载时，当我导航到页面底部我不能看到按钮可见了... ... – Lucky

jquery hide滚动到页面顶部div

相关推荐