Aurelia 组成的绝对元素

Question

在另一个视图中由 <compose> 呈现的视图中，我有一个 div 我想接管整个浏览器 window 以响应用户操作。这个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 是最好的。