前端

angularJs中跳转到指定的锚点实例_AngularJS_脚本之家

30 3月 , 2020  

  跳到底部 跳到顶部 

  { angular.module .controller("testCtrl",["$location", "$anchorScroll",testCtrl]); function testCtrl($location,$anchorScroll){ this.gotoTop = function () { $location.hash; $anchorScroll(); }; this.gotoBottom = function () { $location.hash; $anchorScroll;

注意:www6766com ,唯有有成分的定势方式是永远定位时才会应该被放入构思在那之中。那些设置
在响应式的导航条/尾部必要调动他们的冲天亦或 根据视图来稳准期很有用项。

依赖:$window $location $rootScope

jqLite :
多个jqLite/jQuery成分能够被钦赐为位移值。那么些位移值会取页面包车型客车顶上部分到该因素底部的偏离。

要是设置了那几个值,将会钦赐二个笔直的滚动的偏移量。这种气象常常用来在页面最上部有一定定位的因素,
如导航条,尾部等。

监听$location.hash(卡塔尔並且滚动到url钦定的锚点的地点。

yOffset 能够用各类路线内定:

– function :
每一趟$anchorScroll(卡塔尔(قطر‎试行时这些函数都会被调用,它必需回到一个象征位移的数字。

$anchorScroll

使用:$anchorScroll;hash
将会钦命成分滚动到的地点,假使轻巧参数,则将动用$location.hash(卡塔尔作为默许值。

– number :angularJs中跳转到指定的锚点实例_AngularJS_脚本之家。 多个恒定的像素值能够动用。

能够通过$anchorScrollProvider.disableAutoScrolling(卡塔尔国禁止使用。

听说HTML5的平整,当调用那些函数时,它检查当前的url的hash值而且滚动到对应的因素。

以上那篇angularJs中跳转到钦点的锚点实例就是小编共享给大家的全体内容了,希望能给我们三个参阅,也可望大家不吝指教脚本之家。

属性:number function(){} jqLite


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图