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

Question

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

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

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

问题是......我不能使用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。