Проверьте, находится ли элемент в области просмотра (jQuery) [дубликат] ⇐ Jquery

[Anonymous]

Я искал способ реализовать добавление класса, как только элемент оказывается в области просмотра, и удалять этот класс, как только элемент отсутствует в области просмотра. Я искал повсюду в Интернете, но не смог реализовать различные методы, доступные в Интернете. Я пробовал некоторые другие методы, но вот что у меня сейчас есть:

Код: Выделить всё

$(window).on("scroll", function(){
if($('.trigger').visible(true)) {
$('#body').addClass('visible');
} else {
$('#body').removeClass('visible');
}
});
//Although I used 'scroll' here, it was as last resort. It would be great if I could use an independent trigger instead.

Код: Выделить всё

.element {
font-size: 20px;
margin-bottom: 20px;
}
.visible {
color: red;
}

Код: Выделить всё

I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm visible
I'm trigger

Было бы здорово, если бы моей проблеме помогли.
Большое спасибо!
P.S.: Вопрос закрыт из-за дубля. Но я хотел бы подчеркнуть, что решения в повторяющихся вопросах помечены или были помечены как устаревшие. Мне хотелось бы современного решения моей проблемы.

Подробнее здесь: https://stackoverflow.com/questions/787 ... ort-jquery