滚动jquery时,检测到中心屏幕的最近div

时间:2015-11-15 16:49:18

标签: javascript jquery

我想在水平滚动的同时检测哪个div最靠近屏幕中心。一旦检测到,我想做一些事情,比如触发事件。

enter image description here

var screenW = ($(window).width() /2);

$('div.fistSlider').bind('mousemove', function(e){
    var xN = e.pageX + 16;
    $('div#divContainer').scrollLeft(xN);
});

当最接近红线的div(屏幕中心)时,应该做一些事件。

1 个答案:

答案 0 :(得分:1)

这里的答案是检查每个div的偏移量。

$(document).scroll(function(){
    $('div').each(function(){
        var centerLine = $(window).width()/2;
        var divStart = $(this).offset().left;
        var divEnd = divStart + $(this).width();
        if(divStart < centerLine && divEnd > centerLine){
            //do the thing
        } else {
            //undo the thing
        };
    });
});