将此函数移动到AngularJS中的指令中
将此函数移动到AngularJS中的指令中
提问于 2015-05-28 00:06:50
每当我移动(单击按钮)到向导的下一个屏幕时，甚至当我返回到上一页时，我都会调用这个函数。它允许我捕获div的位置。我需要捕捉它来做一个很好的滑动过渡。它工作得真的很好。
function captureContentPosition() {
var offsets = document.getElementById('content-view').getBoundingClientRect();
// this code will assign and keep the existing position of the element
document.getElementById('content-view').style.top = (offsets.top - 65) + 'px';
}现在，我决定将其更改为指令。然而，它并没有应用效果。正在执行该指令。
.directive('freezeContent', function() {
return {
restrict: 'A',
link: function(scope, element) {
var offsets = element[0].getBoundingClientRect(); // I see value on this code so it's good
element[0].style.top = (offsets.top - 65) + 'px'; // this one does not do anything
}
};
});在我的模板上
<div id="content-view" freeze-content .......></div>当然，我从ng-click next/back按钮调用的函数中删除了调用captureContentPosition()的代码。
回答 2
Stack Overflow用户
发布于 2015-05-28 00:15:55
看看你的代码，一切看起来都很好。你有没有检查过开发者控制台，看看元素是否有top的style属性？应该是这样的。这不会在DOM中做任何事情，除非元素有绝对位置。
Stack Overflow用户
发布于 2015-05-28 01:06:05
我的指令是好的。我漏掉了一行。以下是更新后的指令。
.directive('freezeContent', function() {
return {
restrict: 'A',
link: function(scope, element) {
var offsets = element[0].getBoundingClientRect();
element[0].style.position = "absolute";
element[0].style.top = (offsets.top - 65) + 'px';
}
};
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30487736
复制相关文章
相似问题
腾讯云开发者
