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, а затем исчезает, как только пользователь начинает прокрутку. Я не хочу, чтобы div отображался после загрузки страницы. Что-то, как это именно то, что я хочу:

http://www.calmdigital.com/

бы очень признателен помочь!

Answer 1

на документ готовы скрыть Div

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

или скрыть его с помощью CSS

#topdiv{ 
display:none; 
}