Хотите получить объект div, который в настоящее время виден

Question

В конце окна прокрутки я хочу знать, какой div сейчас видим для пользователя?

Как я могу получить имя div, которое в настоящее время находится на экране, или вы можете сказать div, который в настоящее время отображается пользователем через jquery?

Answer 1

Проверьте видимость div, используя его идентификатор. Затем введите имя div.

if($('#divId').is(':visible')) 
{ 
    alert($('#divId').attr('name')); 
} 

Answer 2

Вы можете применить класс на всех div в форме и прокрутить их.

$(".appliedClassName:visible").each(function(){ 
    alert($(this).attr('id')); 
}) 

Вместо предупреждения вы можете получить элемент div и делать все, что хотите.

Answer 3

Предполагая, что вы хотите, чтобы отобразить последний DIV отображается в текущем видовом, попробуйте следующее:

$.fn.inView = function(){ 
    var win = $(window); 
    obj = $(this); 
    var scrollPosition = win.scrollTop(); 
    var visibleArea = win.scrollTop() + win.height(); 
    var objEndPos = (obj.offset().top + obj.outerHeight()); 
    return(visibleArea >= objEndPos && scrollPosition <= objEndPos ? true : false) 
}; 


var lastelem; 
$('div:visible').each(function(){ 
    if($(this).inView()){ 
    lastdiv = $(this); 
    } 
}); 
console.log(lastdiv); 

ИЛИ Если вы хотите просто узнать последний видимый DIV на окне вы можете просто использовать $ (» ДИВ: видимый: последний ')

Answer 4

Привет ниже код может помочь вам

$("div:visible").each(function() { 
    alert($(this)); 
});