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