个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
24
4
据我了解 $anchorScroll yOffset 在子元素中是不可能的:“为了使 yOffset 正常工作，滚动应该发生在文档的根部而不是某些子元素上。” https://docs.angularjs.org/api/ng/service/ $anchorScroll
示例(修改自 AngularJS 文档):我想单击一个链接并在滚动到的内容上方包含单词“between”。
index.html
<body ng-app="anchorScrollOffsetExample">
<div class="fixed-header" ng-controller="headerCtrl">
<a href="" ng-click="gotoAnchor(x)" ng-repeat="x in [1,2,3,4,5]">
Go to inner-anchor {{x}}
</a>
</div>
<div id="anchor" class="anchor">
<div ng-repeat="x in [1,2,3,4,5]">
between
<div id="innerAnchor{{x}}" class="anchor" >Inner-Anchor {{x}} of 5</div>
</div>
</div>
</body>
样式.css
.anchor {
border: 2px dashed DarkOrchid;
padding: 10px 10px 200px 10px;
max-height:500px;
overflow-y: auto;
}
脚本.js
angular.module('anchorScrollOffsetExample', [])
.run(['$anchorScroll', function($anchorScroll) {
$anchorScroll.yOffset = 500;
}])
.controller('headerCtrl', ['$anchorScroll', '$location', '$scope',
function ($anchorScroll, $location, $scope) {
$scope.gotoAnchor = function(x) {
var newHash = 'anchor' + x;
if ($location.hash() !== newHash) {
$location.hash('innerAnchor' + x);
} else {
$anchorScroll();
}
};
}
]);
http://plnkr.co/edit/yFj9fL3sOhDqjhMawI72?p=preview
有没有一种在 AngularJS 中(最好没有 jQuery 或其他库)执行此操作的好方法，而无需在“之间”移动到我正在滚动到的 DIV 内部？
最佳答案
为什么不使用 anchor 标签？
<body ng-app="anchorScrollOffsetExample">
<div class="fixed-header" ng-controller="headerCtrl">
<a href="" ng-click="gotoAnchor(x)" ng-repeat="x in [1,2,3,4,5]">
Go to inner-anchor {{x}}
</a>
</div>
<div id="anchor" class="anchor">
<div ng-repeat="x in [1,2,3,4,5]">
<!-- Add an anchor above the text, and we scroll here instead of the div -->
<a name="innerAnchor{{x}}"></a>
between
<div class="anchor" >Inner-Anchor {{x}} of 5</div>
</div>
</div>
</body>
关于javascript - AngularJS $anchorScroll yOffset 在子元素中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30551159/
24
4
0
我想淡出与滚动相关的 Div 当我向下滚动时，不透明度会淡出，而当我向上滚动时，它会淡出 CSS: .HeroImg{ margin-top: 100px; height: 414px
据我了解 $anchorScroll yOffset 在子元素中是不可能的:“为了使 yOffset 正常工作，滚动应该发生在文档的根部而不是某些子元素上。” https://docs.angular
我在 AngularJS 中使用 $anchorScroll 服务。效果很好。但我在顶部有一个固定的导航栏，滚动位置总是 x 像素远。 现在在$anchorScroll documentation有一
我的项目基于 Angular Material、Angular JS 构建，我使用 ngSticky 将标题粘贴在主标题(这是一个 md 工具栏)下方。 在第二个标题(粘性)中，有一堆按钮，它们应该作
我正在尝试在 FireFox 21 的 selenium 网络驱动程序 (java) 中使用 Actions 类的 moveToElement(element,xoffset,yoffset)。但它似
我是一名优秀的程序员,十分优秀！