Aurelia组成了绝对元素

Question

在<compose>在另一个视图中呈现的视图中，我有一个div，我想接管整个浏览器窗口以响应用户操作。这个CSS

position: absolute;
top: 0; left: 0;
bottom: 0; right: 0;

没用。 Absolute position is not working的答案表明我有完全相反的问题。很可能我的div是块元素的子元素，它指定了相对位置。

到目前为止，对我来说明显的选择是......

• 在DOM中重新使用它
• 在页面上直接使用另一个视图，并使用复杂的消息来回代理

我对其中任何一个都没有多想。我不确定使用粘合剂控制的DOM进行重新定位的含义，另一种选择是非常复杂的。

有人有更好的想法吗？

Answer 1

这种情况有几种解决方案：

1. 您可以在要翻页的元素上使用CSS位置fixed。
2. 您可以将需要在整页中的元素移动到与其所在视图中的根元素不同的树中。
3. 创建一个自定义属性，用@templateController()修饰，绑定后，将视图插入文档正文而不是模板位置。

解决方案1是最好的，如果您的移动支持目标没有固定位置的问题。