javascript - 元素在加载时出现然后消失

Question

我正在制作一个水平滚动网站。我使用此脚本让元素在用户滚动超过 1500 像素时淡入。

    <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>

问题是:页面加载时出现该元素。当我开始滚动时，它会消失，当我达到 1500 像素时，它会重新出现。我希望它在达到 1500 像素之前是不可见的。

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

Answer 1

在 CSS 中添加 display:none ( #form_1_container )。