Как определить высоту и положение прокрутки окна в jQuery?

Question

Мне нужно получить высоту окна и смещение прокрутки в jQuery, но мне не повезло найти это в документах jQuery или Google.

Я на 90% уверен, что есть способ получить доступ к height и scrollTop для элемента (предположительно включая окно), но я просто не могу найти конкретную ссылку.

Answer 1

Из документов JQuery:

const height = $(window).height();
const scrollTop = $(window).scrollTop();

http://api.jquery.com/scrollTop/
http://api.jquery.com/height/

Answer 2

из 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

Answer 3

$(window).height()

$(window).width()

Существует также плагин для jquery для определения местоположения элемента и смещений

http://plugins.jquery.com/project/dimensions

scrolling offset = свойство offsetHeight элемента

Answer 4

Чистый JS

window.innerHeight
window.scrollY

более чем в 10 раз быстрее, чем jquery (и код имеет аналогичный размер):

Здесь вы можете выполнить тестирование на вашей машине: https://jsperf.com/window-height-width