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 是最好的。