Question

这使得向下滚动100像素时会显示返回顶部div，但如果某人已经向下滚动并进行刷新，则页面会向下滚动，但div不会显示。

<div id="gototopwrap"><a href="#t" id="gototop">Back To Top</a></div>
<script>
$(function(){
    $(window).scroll(function() {              
      $('#gototopwrap').toggle($(document).scrollTop() > 100);
    });
});
</script>

我试过这样做，但它不起作用：

$(function myFunction(){
  $(window).scroll(function() {              
    $('#gototopwrap').toggle($(document).scrollTop() > 100);
  });
});
myFunction();

也尝试了这样，但仍然没有：

function myFunction(){
  $(window).scroll(function() {              
    $('#gototopwrap').toggle($(document).scrollTop() > 100);
  });
}
myFunction();

我已经准备好了文件。我认为问题在于它只是在听滚动而只是在滚动上。

Answer 1

触发将触发您的功能的事件

$(window).scroll(function() {              
  $('#gototopwrap').toggle($(document).scrollTop() > 100);
}).trigger("scroll");

Answer 2

这样的事情应该有效

$(function(){
    $(window).scroll(function() {              
      $('#gototopwrap').toggle($(document).scrollTop() > 100);
    });
    if($(document).scrollTop() > 100)
    {

        $('#gototopwrap').toggle();

    }
});

Answer 3

绑定两个事件：

$(window).on('load scroll', function() {              
  $('#gototopwrap').toggle($(document).scrollTop() > 100);
});

如何在页面加载时运行此jquery函数？

3 个答案: