angular的$anchorScroll详解

先来看看官方文档怎么介绍的,

it scrolls to the element related to the specifiedhashor (if omitted) to the current value of$location.hash()  

ps:滚动到指定元素,如果从location.hash存在值,则根据location.hash中的值来确定滚动的位置

yOffset的设置,距离顶部剩余多少像素,支持number,function

设置方式:modul.run(['$anchorScroll', function($anchorScroll) {

$anchorScroll.yOffset = 100;  //距离顶部的距离,通常当顶部有导航条条的时候,留出导航条的位置

}])

图1是对应的html


angular的$anchorScroll详解_第1张图片
图1

图2对应的js

angular的$anchorScroll详解_第2张图片
图2

你可能感兴趣的:(angular的$anchorScroll详解)