Javascript 显示在滚动上但不在页面加载上的Div

我正在制作这个网页，我希望一个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>

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
变量y=$（窗口）.scrollTop（）；
如果（y>300）{
$（“topdiv”）.fadeIn（“慢”）；
}否则{
美元（“#topdiv”）。淡出（“快速”）；
}})});

唯一的问题是当页面加载时，div出现在顶部，然后在用户开始滚动时消失。我不希望div在页面加载后出现。这正是我想要的：

---

非常感谢您的帮助

在文档准备就绪时隐藏div

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

或者通过css隐藏它

#topdiv{
 display:none;
}

---

试试这个链接，看看是否有帮助。