jquery - 如何永久对 onScroll() 事件进行 css 修改？

Question

当用户到达我的页面中的滚动点时，我希望出现一个div（在这种情况下是“滚动回顶部”），我正在使用以下脚本

$(document).ready(function() {
   $(window).scroll(function() {
       var scrollVal = $(this).scrollTop();
        if ( scrollVal > 1500) {
            $('#backtotop').css({'display':'block'});
        } else {
            $('#backtotop').css({'display':'none'});
        }
    });
 });

它工作得很好，除了div仅在一个积极滚动时出现的事实，#backtotopcss样式表中的css设置为“display：none”，如果我以相反的方式进行设置并将其设置为"display:block"比我有相反的问题，div 总是在那里，但是当我滚动到 1500 值以上时会淡出......只是在我停止滚动时再次出现。

所以基本上我希望div在我到达滚动点时出现（就像它一样），但我也希望它在我停止滚动时保持不变（它没有）

Answer 1

你的意思是这样的？演示http://jsfiddle.net/yeyene/6gAHT/2/

您想To Top在滚动某个点后显示 div，然后单击，它将转到顶部并隐藏。??

$(document).ready(function(){
    $(window).scroll(function() {
       var scrollVal = $(this).scrollTop();
        if ( scrollVal > 500) {
            $('#backtotop').show();
        } else {
            $('#backtotop').hide();
        }
    });
    $('#backtotop').on('click', function(){
        $('html, body').animate({ scrollTop: 0 }, 'slow');
    });
});