当页面滚动到某个点时，使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。