Javascript 元素在加载时出现，然后消失

我正在制作一个水平滚动网站。我使用这个脚本让一个元素在用户滚动超过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>

$（文档）。滚动（函数（）{
var x=$（this.scrollTop（）；
如果（x>1500）{
$（'form#u 1_container'）。fadeIn（150）；
}否则{
$（'form#u 1_container'）。淡出（150）；
}
});

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

---

这是一个网站：

在CSS中添加一个

显示：none

（

#form_1_container

）

当页面加载时，上面的代码将隐藏它

在CSS方面的其他方面：

#form_1_container {
     display: none;
}

---

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

它在u滚动后淡出，好的做法是将初始状态设置为不可见，然后在达到目标时淡入。示例：

#form_1_container {
     display: none;
}