Как прокрутить страницу вверх в AngularJS?

Я хочу прокрутить до верхней части страницы после получения ответа на вызов ajax, используя angularjs. В основном, я показываю предупреждающие сообщения в верхней части страницы, и я хочу сфокусировать предупреждающее сообщение как полученный ответ ajax.

Спасибо

Ответ 1

Вы можете использовать

$window.scrollTo(x, y);

где x - пиксель вдоль горизонтальной оси, а y - пиксель вдоль вертикальной оси.

Прокрутка вверх
```
$window.scrollTo(0, 0);
```

Фокус на элементе

$window.scrollTo(0, angular.element('put here your element').offsetTop);

Example

Обновление

Также вы можете использовать $anchorScroll

Example

Ответ 2

Вы можете использовать $anchorScroll.

Просто введите $anchorScroll в качестве зависимости и вызовите $anchorScroll() всякий раз, когда вы хотите прокрутить вверх.

Ответ 3

В идеале мы должны делать это с любого контроллера или директивы в соответствии с применимыми. Используйте $anchorScroll, $location как инъекцию зависимостей.

Затем вызовите этот два метода как

$location.hash('scrollToDivID');
$anchorScroll();

Здесь scrollToDivID - это идентификатор, в котором вы хотите прокручивать.

Предположим, вы хотите перейти к сообщению об ошибке div как

<div id='scrollToDivID'>Your Error Message</div>

Для получения дополнительной информации см. документацию .

Ответ 4

use: $anchorScroll();

с $anchorScroll свойством