显示在滚动上但不显示在页面加载上的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

on document ready隐藏div

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

或通过css隐藏它

#topdiv{
 display:none;
}