元素出现在负载上然后消失

Question

我正在制作横向滚动网站。当用户滚动超过1500px时，我正在使用此脚本让元素淡入。

    <script type="text/javascript">
$(document).scroll(function () {
var x = $(this).scrollTop();
if (x > 1500) {
$('#form_1_container').fadeIn(150);
} else {
$('#form_1_container').fadeOut(150);
}
});
</script>

问题是：在页面加载时，元素出现。当我开始滚动时，它会消失并在我达到1500px时重新出现。我希望它在看到1500px之前是隐形的。

这是网站：http://stilld.nl/brrreuk/

Answer 1

在CSS中添加display:none（#form_1_container）。

Answer 2

$(function() {
     $('#form_1_container').hide();
});

上面的代码会在页面加载时隐藏它。

另外就CSS而言：

#form_1_container {
     display: none;
}

两者最初都会隐藏表单容器。触发滚动事件时，一旦超过1500，表单容器将可见。