無法讓scrolltop正常工作

Question

我創建了一個小提琴來展示正在發生的事情。

我正在使用jquery在用戶向下滾動時淡入到頁面頂部的鏈接。

我可以讓它在jsfiddle上工作，如果我把代碼放在javascript窗口中，但是如果我把它放在$（window）.load（function（）在HTML窗口中的script標籤中，它不會「T在所有的工作是否有人知道爲什麼

$('#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>