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

Question

我输入此代码（我从此答案中提取：Make a div appear when scrolling past a certain point of a page）以在用户向下滚动页面时显示div。

问题是：一旦页面加载就会出现div，并在用户滚动时消失，然后在滚动时重新出现＆gt; 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>

Answer 1

在您的CSS设置display:none属性中，您不希望在页面加载时显示

Answer 2

取代 slideUp（）和 slideDown（） 你可以使用 fadeIn（）和 fadeOut（）或 slidetoggle（）;