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只在一个主动滚动时出现，#backtotop的css在css样式表中设置为“display：none”，如果我这样做的话周围并设置为"display:block"而不是我有相反的问题，div总是在那里，但当我滚动到1500值以上时淡出...只是在我停止滚动的那一刻再次出现。

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

Answer 1

你的意思是这样的？ DEMO 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');
    });
});

如何对onScroll（）事件进行永久性的css修改？

1 个答案: