检查用户是否可以查看整个div

Question

有没有办法检查div是否对用户完全可见？我的意思是滚动条的位置使整个div适合视口。

Answer 1

这正是为此创建的： http://www.appelsiini.net/projects/viewport

Answer 2

您需要检查滚动条和相关div的位置，并在scroll事件处理程序中进行比较：

$(window).scroll(function() {
    var top = $(window).scrollTop();
    var bottom = top + $(window).height();
    var dtop = $('#mydiv').position().top;
    var dbottom = dtop + $('#mydiv').height();

    if (dtop>=top && dbottom<=bottom) {
        alert('okay!');
    }
});

http://jsfiddle.net/mblase75/dMwMb/