Javascript在页面加载时显示滚动后使div显示？

我输入这个代码（我从这个答案中提取：），当用户向下滚动页面时，会出现一个div

问题是：div在页面加载时立即出现，在用户滚动时消失，然后在用户滚动>700时重新出现

如何使div不显示在页面加载的开头

谢谢

<script>
// Get the headers position from the top of the page, plus its own height
var startY = 700;

$(window).scroll(function(){
    checkY();
});

function checkY(){
    if( $(window).scrollTop() > startY ){
        $('.scroll-up').slideDown();
    }else{
        $('.scroll-up').slideUp();
    }
}

// Do this on load just in case the user starts half way down the page
checkY();
</script>

//从页面顶部获取页眉位置，再加上页眉自身的高度
var-startY=700；
$（窗口）。滚动（函数（）{
checkY（）；
});
函数checkY（）{
如果（$（窗口）.scrollTop（）>startY）{
$（'.scroll up'）.slideDown（）；
}否则{
$（'.scroll up'）.slideUp（）；
}
}
//在加载时执行此操作，以防用户从页面的一半开始
checkY（）；

在CSS集中

显示：不希望在页面加载时显示的div的none

属性，而不是slideUp（）和slideDown（） 您可以使用，fadeIn（）和fadeOut（）或slidetoggle（）