如何使用 angularJs 的 iScroll 插件滚动到准确的块
how to scroll to accurate block with iScroll plugin for angularJs
如何滚动到id所在的区块?
iScroll 使用 css 规则转换为滚动内容,但此事件无法捕获。
锚点滚动:
在控制器中注入 $anchorScroll,$location。
给出 id(Scroll) 在 html 文件中滚动的位置。
并将代码粘贴到控制器中。
$scope.scrollTo = 函数 () {
$location.hash('Scroll');
$anchorScroll();
}
以及我们调用函数时函数需要的位置。
iScroll 带来了一个功能:http://iscrolljs.com/#indicators(向下滚动到 "Scrolling programmatically")
您可以滚动到特定元素(例如您提到的具有 ID 的块)或特定位置。位置可以是插件左上边缘的 x 或 y。使用 jQuery,您可以通过 $('#id').position().left / $('#id').position().top.
获得该位置
如何滚动到id所在的区块? iScroll 使用 css 规则转换为滚动内容,但此事件无法捕获。
锚点滚动: 在控制器中注入 $anchorScroll,$location。 给出 id(Scroll) 在 html 文件中滚动的位置。 并将代码粘贴到控制器中。 $scope.scrollTo = 函数 () { $location.hash('Scroll'); $anchorScroll();
}
以及我们调用函数时函数需要的位置。
iScroll 带来了一个功能:http://iscrolljs.com/#indicators(向下滚动到 "Scrolling programmatically")
您可以滚动到特定元素(例如您提到的具有 ID 的块)或特定位置。位置可以是插件左上边缘的 x 或 y。使用 jQuery,您可以通过 $('#id').position().left / $('#id').position().top.
获得该位置