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 像素时重新出现。我希望它在达到 1500px 之前不可见。

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

Answer 1

在 CSS 中为其添加一个 display:none ( #form_1_container )。