Javascript 显示超过特定页面高度的div'；主动'；页面加载

希望有人能在这里提供一些指导。我有一些JS，它告诉div在用户滚动超过设置的Y点后滑入查看

但是，在页面加载时，div仍然可见，直到您开始滚动为止。然后它消失了，然后在它想要的时候滑进去

jQuery（文档）.ready（函数（$）{
$（文档）。滚动（函数（）{
var y=$（this.scrollTop（）；
如果（y>800）{
$（'.mobilequiry'）.slideUp（）；
}否则{
$（'.mobilequiry'）.slideDown（）；
}
})
})

正文{
高度：1200像素
}
.手机查询{
显示器：flex；
位置：固定；
z指数：999999；
底部：0；
宽度：100%；
颜色：#fff；
文本转换：大写；
字号：600；
字体大小：11px；
背景色：红色；
高度：100px
}

jQuery

slideUp（）

Method通过滑动运动隐藏匹配的元素。和

slideDown（）

方法，通过滑动运动显示匹配的元素。因此：

$（文档）.ready（函数（）{
$（文档）。滚动（函数（）{
var y=$（this.scrollTop（）；
（y>800）？$（'.mobileEnquiry'）.slideDown（）：$（'.mobileEnquiry'）.slideUp（）；
} )
}）

正文{
高度：1200像素
}
.手机查询{
显示：无；
位置：固定；
z指数：999999；
底部：0；
宽度：100%；
颜色：#fff；
文本转换：大写；
字号：600；
字体大小：11px；
背景色：红色；
高度：100px
}

为什么不让它从一开始就显示none？@ZohirSalakCeNa噢，哇-是的，那会有用的。头撞在桌子上。干杯，你可能会在那个活动中做很多工作。IIRC scrollTop触发了一个强制同步布局，这可能会导致一些jank。你可能想看看取消那个回调。