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