Kiểm tra xem toàn bộ div có thể xem được cho người dùng

Question

Có cách nào để kiểm tra xem div có hiển thị hoàn toàn với người dùng không? Ý tôi là thanh cuộn được định vị sao cho toàn bộ div vừa với khung nhìn.

Answer 1

Đây chính là điều này đã được tạo ra cho: http://www.appelsiini.net/projects/viewport

Answer 2

Bạn cần phải kiểm tra các vị trí cho các thanh cuộn và các div trong câu hỏi, và so sánh chúng trong xử lý scroll sự kiện:

$(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/