私はお互いの下に1000pxを超えるdiv幅の高さの束を持っています。ウィンドウの上部を基準にしたdivの位置を決定するにはどうすればよいですか?例えば
<div>height:1000px</div>
<div>height:1000px</div>
<div>height:1000px</div>
<div class="this_div">height:1000px</div>
<div>height:1000px</div>
<div>height:1000px</div>
<div>height:1000px</div>
私はこのようなことを試みています。
$(function(){
$(window).bind('scroll resize',function(e){
var scrolledY = $(window).scrollTop(),
scrolling = scrolledY-4900;
if(scrolledY > 4900){
$('div.this_div').css('background', 'red');
}
if(scrolledY > 5500)){
$('div.this_div').css('background', 'none');
}
});
});
ご覧のとおり、4900pxをスクロールすると、何かが発生します。divまでスクロールしたときに、それが何ピクセルであるかを判断する代わりに、何かを行うことはできませんか?