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が非表示になります。