Div出現在滾動，但不是在頁面加載

Question

我正在做這個網頁，我想一個div只出現在從頁面頂部向下滾動300px。這是JavaScript我從網上借：

<script type="text/javascript"> 
$(document).ready(function(){ 
$(window).scroll(function(){ 
var y = $(window).scrollTop(); 
if(y > 300){ 
    $("#topdiv").fadeIn("slow"); 
} else { 
    $("#topdiv").fadeOut("fast"); 
}})});</script> 

與此唯一的問題是，當頁面加載，股利出現在頂部，然後消失，一旦用戶開始滾動。我不想讓div在頁面加載後出現。像這樣的東西正是我想要的東西：

http://www.calmdigital.com/

將不勝感激幫助！

Answer 1

在文件準備好隱藏的div

$(function(){ 
if($("#topdiv").length>0) 
$("#topdiv").hide(); 
}); 

或通過CSS隱藏

#topdiv{ 
display:none; 
}