Question

我有一堆div宽度高度超过1000px。如何确定相对于窗口顶部的div位置？ E.g。

<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时，是不是可以做某事，而不是确定它是什么px？

Answer 1

您需要.offset()功能。它可以帮助您确定滚动方法的“this_div”的偏移量（而不是您传递的4900值）。

JSFiddle

Answer 2

嗯，我猜;

console.log(parseFloat($("#myBlock").offset().top) + parseFloat($(document).scrollTop()));

确定div位置scrolltop

2 个答案: