Question

我创造了一个小提示来展示正在发生的事情。

当用户向下滚动时，我正在使用jquery淡化到页面顶部的链接。

如果我将代码放在javascript窗口中，我可以让它在jsfiddle上运行，但如果我把它放在我的$（窗口）.load（function（）在HTML窗口中的脚本标签中，它就不会＆＃ 39;完全没有工作。有人知道为什么吗？

$('#slide').bind("scroll", function() {
    if ($(this).scrollTop() > 20) {
        $("#top").fadeIn();
    } else {
        $("#top").stop().fadeOut();
    }
});

$('#top').on("click",function(){
      $('#slide').animate({scrollTop:0}, 'slow');
});

这里是小提琴：

https://jsfiddle.net/8130fdhm/2/

非常感谢任何帮助。

Answer 1

在正文结束标记之前放入一个脚本标记。我在这里更新了jsfiddle https://jsfiddle.net/8130fdhm/3/

....
<script>

$('#slide').bind("scroll", function() {
if ($(this).scrollTop() > 20) {
    $("#top").fadeIn();
} else {
    $("#top").stop().fadeOut();
}
});

$('#top').on("click",function(){
  $('#slide').animate({scrollTop:0}, 'slow');
});

</script>
</body>

无法使scrolltop正常工作

1 个答案: