我怎样才能让一个有角度的应用程序（嵌入在不同的网站上）一直跨越到页面的底部

Posted 2023-03-06

【中文标题】我怎样才能让一个有角度的应用程序（嵌入在不同的网站上）一直跨越到页面的底部

【英文标题】：how can i make an angular app (embeded on diffrent sites) span all the way to the bottom of the page

【发布时间】：2021-11-22 11:29:51

【问题描述】：

我使用嵌入客户网站的 Angular 开发了一个组件。 我希望组件至少跨越到视口结束。 每个站点都有不同大小的标题，并且标题不共享标签/类/ID。 我需要向应用程序添加等于视口高度的最小高度值 - 标题高度，这样，即使我的组件的内容不足以到达视口的底部，最小高度也会强制它跨越所有通往它的路。

之前我用下面的 JS 代码处理过这些问题

var component= document.getElementById("component")
component.minHeight = Window.innerHeight - component.getBoundingClientRect().top

但这不适用于角度......

知道我该怎么做吗？

【参考方案1】：

    #component 
    min-height: 100vh;

在 css 中将 min-height 设置为 100vh 和父组件。

我认为 css 比 javascript 或 typescript 更简单。

【讨论】：

它不能是 100vh，我希望它占据 100% - 标题高度...标题大小因站点而异，因此据我所知它必须是 JS/TS 跨度>