Как посмотреть, есть ли элемент вне экрана?

Question

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

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

Просто чтобы пояснить, за кадром в моем случае означает что-то, что сейчас нельзя увидеть без прокрутки вниз. Поэтому, если вы находитесь на главной странице 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

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