JQuery：在ScrollTop（）显示更下页之前隐藏div内容？

Question

Morning Coders，

当ScrollTop（）参数在页面下方得到满足时，目前正在努力使用FadesIn（）FadesOut（）特定div内容的JQuery代码段。

除了div内容是固定的并且当页面加载时，内容显示尴尬的中心屏幕直到任何滚动触发动画并且它逐渐淡出直到触发点向下页面*（其中淡入/ out，因为它应该）。

我正在寻找的是一种简单的方法来告诉div不要在加载时显示UNTIL ScrollTop（）参数。

我确定我错过了一个简单的方法来做到这一点，但真的无法在网上找到任何具体的内容而不会让论点过于复杂。

JQuery代码段是＆gt;

@ViewChild('idjoe1')
MaterialRadioComponent radioComponent;

@ViewChild('idjoe2')
ElementRef ref;
HtmlElement get element => ref.nativeElement;

<material-radio #idjoe1></div>
<div #idjoe2></div>

这是加载时页面的样子：

这是一项很好的技巧，知道如何正确设置它也会对其他人有用！ 谢谢你们

Answer 1

只需使用.hide()：

$('#blurb-box').hide();
if(x > 800 && x < 1600){
 $('#blurb-box').fadeIn(100);
}