Установка вертикального положения HTML-страницы с помощью JavaScript
-
03-07-2019 - |
Вопрос
У меня есть HTML-страница, которая прокручивается вверх и вниз (не сильно, но прокручивается).Как установить позицию прокрутки на странице после выполнения JavaScript?
Я использую jQuery для добавления дополнительного HTML-кода внизу страницы, и мне хотелось бы программно прокрутить до положения этого нового контента после его добавления.
Решение
Другой способ сделать это, чтобы у вас была возможность:
В HTML-код, который вы добавляете в нижнюю часть страницы, вы можете вставить именованный тег привязки, а затем изменить URL-адрес, чтобы страница переместилась туда (к вашему сведению:страница не будет обновляться).
// add HTML like this, dynamically:
// <a name="moveHere" />
// the javascript to make the page go to that location:
window.location.hash = "moveHere";
В зависимости от того, что вы делаете, это может быть или не быть полезным решением.
Другие советы
Попробуйте использовать window.scroll
.
Пример:
// put the 100th vertical pixel at the top of the window <button onClick="scroll(0, 100);">click to scroll down 100 pixels</button>