Как установить и установить текущую позицию прокрутки веб-страницы?

Question

Как я могу установить и установить текущую позицию прокрутки веб-страницы?

У меня длинная форма, которую необходимо обновить на основе действий пользователя/ввода. Когда это происходит, страница сбрасывается до самого верхнего уровня, что раздражает пользователей, потому что они должны прокручивать назад до точки, в которой они были.

Если бы я мог захватить текущую позицию прокрутки (в скрытом вводе) до перезагрузки страницы, я мог бы установить ее обратно после ее перезагрузки.

Answer 1

Вы ищете недвижимость document.documentElement.scrollTop.

Answer 2

Кроме того, вы можете захотеть взглянуть на jQuery.ScrollTo plugin

Answer 3

Я пошел с решением HTML5 локального хранения ... Все мои ссылки вызвать функцию, которая устанавливает это перед меняющегося window.location:

localStorage.topper = document.body.scrollTop; 

и каждая страница имеет это в OnLoad тела:

if(localStorage.topper > 0){ 
    window.scrollTo(0,localStorage.topper); 
    } 

Answer 4

Принятая в настоящее время ответ неверен - document.documentElement.scrollTop всегда возвращает 0 Chrome. Это связано с тем, что WebKit использует body для отслеживания прокрутки, тогда как Firefox и IE используют html.

Чтобы получить текущую позицию, вы хотите:

document.documentElement.scrollTop || document.body.scrollTop 

Вы можете установить текущее положение 1000px вниз страницы, например, так:

document.documentElement.scrollTop = document.body.scrollTop = 1000; 

Или, с помощью JQuery (анимировать его, пока вы на нем!):

$("html, body").animate({ scrollTop: "1000px" }); 

Answer 5

Есть некоторые несоответствия в том, как браузеры выставляют текущую координацию прокрутки окна Атес. Google Chrome на Mac и iOS Кажется, всегда возвращается 0 при использовании document.documentElement.scrollTop или jQuery's $(window).scrollTop().

Однако, он работает последовательно с:

// horizontal scrolling amount 
window.pageXOffset 

// vertical scrolling amount 
window.pageYOffset