Як визначити висоту та положення прокрутки вікна в jQuery?

Мені потрібно схопити висоту вікна та зміщення прокрутки в jQuery, але мені не пощастило знайти це в документах jQuery чи Google.

Я на 90% впевнений, що є спосіб отримати висоту та scrollTop для елемента (імовірно, включаючи вікно), але я просто не можу знайти конкретну посилання.

З Документів jQuery:

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

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

від 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).height()

$(window).width()

Існує також плагін до jquery для визначення місця розташування та зміщення елементів

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

прокрутка зміщення = offsetHeight властивість елемента

Якщо вам потрібно прокрутити до точки елемента. Ви можете використовувати функцію Jquery для прокручування її вгору / вниз.

$('html, body').animate({
                scrollTop: $("#div1").offset().top
            }, 'slow');