Установка вертикального положения HTML-страницы с помощью JavaScript

StackOverflow https://stackoverflow.com/questions/209861

  •  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>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top