Как определить высоту и положение прокрутки окна в jQuery?
Мне нужно получить высоту окна и смещение прокрутки в jQuery, но мне не удалось найти это в документации jQuery или в Google.
Я на 90% уверен, что есть способ получить доступ к высоте и scrollTop для элемента (предположительно, включая окно), но я просто не могу найти конкретную ссылку.
@Costa Это, вероятно, задавали в другом месте на StackOverflow, и если нет, то это заслуживает отдельного вопроса.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
$(window).height()
$(window).width()
Также есть плагин к jquery для определения местоположения элемента и смещения.
http://plugins.jquery.com/project/dimensions
scrolling offset = offsetHeight свойство элемента
Спасибо, Джозеф. Это не совсем то, что я искал, поскольку я пытался избежать использования другого плагина, но вы заставили меня искать в правильном направлении. В конце концов, оказалось, что мне действительно нужен был '$ (window) .scrollTop ()', чтобы выяснить, какая часть страницы прошла мимо области просмотра, чтобы соответствующим образом скорректировать элементы.
Из документации jQuery:
const height = $(window).height();
const scrollTop = $(window).scrollTop();
http://api.jquery.com/scrollTop/
http://api.jquery.com/height/
Цифры, которые я просто пропустил в документации; искал их, но их организация, откровенно говоря, не имеет для меня смысла (я все еще думаю в Mootools). Спасибо!
Это не работает ни в одном браузере для jQuery 1.3.2, хотя предположительно он был добавлен в более раннюю версию. Либо это, либо у меня что-то не так с моим кодом здесь
$ (window) .height () дает высоту окна просмотра, а не высоту прокрутки. $ (document) .height () дает реальную высоту прокрутки, как предложила Айдамина.
Меня часто удивляет, сколько голосов за такие простые вещи привлекают, но, поскольку я уже проверял это дважды на этой неделе, есть еще +1
из http://api.jquery.com/height/ (Примечание: разница между использованием для окна и объекта документа)
$(window).height(); // returns height of browser viewport
$(document).height(); // returns height of HTML document
от http://api.jquery.com/scrollTop/
$(window).scrollTop() // return the number of pixels scrolled vertically
Чистый JS
window.innerHeight
window.scrollY
более чем в 10 раз быстрее, чем jquery (и код имеет аналогичный размер):
Здесь вы можете выполнить тест на своей машине: https://jsperf.com/window-height-width
window.scrollY, получить высоту верха прокрутки
Если вам нужно прокрутить до точки элемента. Вы можете использовать функцию JQuery для прокрутки вверх / вниз.
$('html, body').animate({
scrollTop: $("#div1").offset().top
}, 'slow');
Как насчет без jQuery?