html - 让页面滚动到某个点时div消失

Question

我有以下代码块，描述了一个 div:

#posts{
position:absolute;
left:150px;
top:90px;
width:640px;  
}

我的问题是:当我向下滚动时，它超出了“top:90px”。我想要做的是:top:90px 以上的 div 内容部分应该是不可见的。

问题是...我不能使用 z-index:(...) 因为我在这个 div 后面的唯一东西就是背景。

Answer 1

$(function () {
$(window).scroll(function () {
$('#clickme').click(function() {
if ($(this).scroll() > 100) {
      $('#myDiv').hide('slow', function() {
              alert('Animation complete.');
      });
}
} else {
      alert('Error');
}
});
/*HTML*/
<div id="clickme">
test.
</div>

这将隐藏 div。