出现在 Scroll 但不在页面加载上的 Div

Question

我正在制作这个网页，我希望一个 div 仅在从页面顶部向下滚动 300 像素时出现。这是我从网上借来的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;
}