Как получить положение прокрутки документа?

Question

Как получить значение позиции прокрутки документа?

Answer 1

$(document).height() //returns window height 

$(document).scrollTop() //returns scroll position from top of document 

Answer 2

Что-то, как это должно решить проблему:

$.getDocHeight = function(){ 
    var D = document; 
    return Math.max(Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight)); 
}; 

alert($.getDocHeight()); 

Ps: Вызов этой функции каждый раз, когда вам это нужно, предупреждение для целей тестирования ..

Answer 3

document.getElementById("elementID").scrollHeight 

$("elementID").scrollHeight 

Answer 4

Вот как для получения scrollHeight элемента, полученного с помощью селектора jQuery:

$(selector)[0].scrollHeight 

Если selector является идентификатором элемента (например, elemId), будет гарантированно, что элемент с индексом 0 будет элементом, который вы хотите выбрать, и scrollHeight будет правильным.

Answer 5

Если вы используете JQuery 1.6 или выше, используйте prop для доступа к значению.

$(document).prop('scrollHeight') 

Предыдущие версии, используемые для получения значения от attr, но не после 1.6.

Answer 6

Чтобы получить фактическую прокручиваемую высоту областей, прокручиваемых оконной полосой прокрутки, я использовал $('body').prop('scrollHeight'). Это, кажется, самое простое рабочее решение, но я не очень тщательно проверял его на совместимость. Эмануэле Дель Гранде отмечает другое решение, которое, вероятно, не будет работать для IE ниже 8.

Большинство других решений отлично работают для прокручиваемых элементов, но это работает для всего окна. Примечательно, что у меня была такая же проблема, как Майкл для решения Ankit, а именно, что $(document).prop('scrollHeight') возвращает undefined.

Answer 7

Он использует элементы HTML DOM, но не селектор jQuery. Он может быть использован как:

var height = document.body.scrollHeight; 

Answer 8

Попробуйте это:

var scrollHeight = $(scrollable)[0] == document ? document.body.scrollHeight : $(scrollable)[0].scrollHeight; 

Answer 9

Вы можете попробовать это, например, этот код положить полосу прокрутки в нижнем для всех DIV тегов

Помните: Jquery может принимать функцию вместо значения в качестве аргумента. «this» - это объект, обработанный jQuery, функция возвращает свойство scrollHeight текущего DIV «this» и делает это для всех DIV в документе.

$("div").scrollTop(function(){return this.scrollHeight})