Css 如何让元素定位到Ember.js中的浏览器窗口？

似乎只有在应用程序模板中使用

position:fixed

时它才会起作用，如果我将元素放置在其他模板下（比如索引），它将基于余烬视图而不是浏览器窗口进行定位

那么如何确保元素保持在当前视图的底部呢？

谢谢

解决方案： 感谢@Kalman提出了条件渲染方法，我花了一些时间，所以我所做的是：

在application.hbs下有一个指定的出口：

<div class="position-fixed-bottom">
  {{outlet "placeToPutElement"}}  
</div>

---

因此，当我们调用它时，元素在应用程序模板中呈现时将保持相对于窗口的底部。（请记住使用

position:fixed

）

当使用

{{outlet}

helper时，您的模板将始终插入父模板中（抱歉，无法避免双关语：））。因此，根据定义，这意味着您将无法控制它在整个页面上的显示位置

您可能需要使用

渲染

辅助程序

---

请看一个示例

谢谢您的回复：）因此，即使使用render，我们也可以使元素停留在内容的底部，而不是窗口，对吗？对，但是

应用程序

模板可以占据整个窗口，不是吗？是的。很抱歉，我可能会以错误的方式提问，请允许我编辑我的问题。如果元素放置在

应用程序

模板中，则该元素将在整个应用程序中显示，但我仅在某些模板中需要它。有什么解决方法吗？您可以在应用程序模板中有条件地呈现页脚-检查以下内容

App.SomeRoute = Ember.Route.extend({
  renderTemplate: function()
   {
    this.render('addbtn', {into:'application', outlet: 'placeToPutElement', controller: 'controllerName'})
    //Render other content 
   }
});