Улучшить эту документацию Посмотреть исходный код $anchorScroll

$anchorScrollProvider
сервис в модуле ng

При вызове проверяет текущее значение $location.hash() и прокручивает страницу к соответствующему элементу, согласно правилам, указанным в спецификации Html5.

Также отслеживает $location.hash() и автоматически прокручивает к якорю при каждом изменении. Это можно отключить, вызвав $anchorScrollProvider.disableAutoScrolling().

Кроме того, можно использовать свойство yOffset для указания вертикального смещения (фиксированного или динамического).

Зависимости

Использование

$anchorScroll();

Свойства

yOffset

numberfunction()jqLite

Если задано, указывает вертикальное смещение. Это часто полезно, когда на странице есть элементы с фиксированным позиционированием вверху, такие как навигационные панели, заголовки и т.д.

yOffset может быть указано различными способами:

число: Фиксированное число пикселей для смещения.
функция: Функция-получатель, вызываемая каждый раз, когда $anchorScroll() выполняется. Должна возвращать число, представляющее смещение (в пикселях).
jqLite: Элемент jqLite/jQuery для указания смещения. Расстояние от верхнего края страницы до нижнего края элемента будет использоваться как смещение.
Примечание: Элемент будет учитываться только до тех пор, пока его position установлено в fixed. Этот вариант полезен при работе с адаптивными навигационными панелями/заголовками, которые изменяют свою высоту и/или позиционирование в зависимости от размера окна просмотра.

Для корректной работы yOffset прокрутка должна происходить по корню документа, а не по какому-либо дочернему элементу.

Пример ниже иллюстрирует использование вертикального смещения (указанного как фиксированное значение). Смотрите $anchorScroll.yOffset для получения дополнительной информации.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.3.20/docs/api/ng/service/$anchorScroll