Как узнать, есть ли элемент в offscreen

Question

У меня есть список div, и каждый раз, когда я хочу перейти к следующему div, я нажимаю клавишу. Мне нужно проверить, является ли этот div вне экрана, и если это так, мне нужно переместить экран, чтобы показать, что div либо использует якоря, либо другой метод.

Каков мой лучший вариант для этого?

Просто для clairify, offscreen в моем случае означает что-то, что невозможно увидеть прямо сейчас, без прокрутки вниз. Итак, если вы находитесь на главной странице StackOverflow вверху, последний вопрос на всей странице за кадром.

Answer 1

Лучшим вариантом является прокрутка страницы до элемента путем получения ее y-смещения и проверки высоты окна и расчета места прокрутки страницы, а затем вы можете анимировать свою страницу до этой точки.

//height of your div 
var scroll = 250; 
//animate from actual position to 250 px lower in 200 miliseconds 
$(window).animate({"scrollTop": "+="+scroll+"px"}, 200); 

так что это не полный код, но он может дать вам эту идею.

чек из JQuery scrollTop

надеюсь, что это помогает, Синана.