-Webkit-полоса прокрутки + переполнение + JQuery scrollTop всегда возвращает ноль

Question

Я работал над этой ошибкой целый день и не смог ее решить.

Имеет сценарий анимации JQuery scrollTop, который определяет значение $ (window) .scrollTop () и выполняет анимацию, а при нажатии прокручивается кнопка вверх.$ (this) .click (function () {$ ("html, body"). animate ({scrollTop: 0}, "fast");});

Обычно это прекрасно работает.и я всегда получаю значение scrollTop ... До ->

При использовании настраиваемой -webkit-полосы прокрутки для вашего браузера, вы должны установить в css

html -> переполнение: скрытое тело -> положение: абсолютное, переполнение-y: прокрутка, переполнение-x: авто

иерархия html - это просто обычный контейнер html-> body-> div-> div content и т. д.

Теперь, когда полоса прокрутки браузера удалена и у вас есть собственная настраиваемая полоса прокрутки, значение scrollTop всегда возвращает ноль.

Пытался все, что мог придумать, нетнезависимо от того, какой другой код я пробовал, значение scrollTop всегда возвращает ноль.

Так что ничего не анимируется, и ничего не прокручивается назад.

Кто-нибудь знает, как получить значение при использовании пользовательского браузера * -webkit-scrollbar дляпрокрутка вверх? *

Answer 1

Вы больше не прокручиваете окно, вы прокручиваете внутренний элемент, поэтому вы должны попробовать:

$(html).scrollTop()
$(body).scrollTop()

и посмотреть, изменится ли 0

Answer 2

Я считаю, что это ошибка, которая еще не была полностью исправлена.Проверьте здесь https://bugs.webkit.org/show_bug.cgi?id=9248

и проверьте последний комментарий, который показывает эту демонстрацию (http://maisqi.com/outros/bugs/chrome/CHN6), которая все еще не работает в браузерах на основе webkit.

Answer 3

Что происходит, когда вы удаляете overflow: hidden и position: absolute из ваших html и body CSS?