全高窗在加载时会滚动，并在调整窗口大小时滚动

Question

我有一个布局的想法。用户首次加载页面时。内容将显示完整的窗口高度。但是，当用户调整窗口大小时，它将添加垂直滚动条以查看整个窗口的高度。

换句话说，就像我要在用户调整窗口大小时保留全高窗口一样。

例如，最初窗口的全高为1600px，然后，例如，当用户使用鼠标将窗口调整为1000px时，我希望内容仍为1600px，并添加了滚动条以帮助用户查看内容。

如果用户最初以800px的较小屏幕打开窗口。我希望它首先达到全高，但是然后当用户调整大小时，内容将适合调整大小窗口。

我对我的想法感到困惑，但是有可能这样做吗？

Answer 1

如果您说的是缩放和鼠标，则表示缩放。您可以使用

window.resize = function() {
 //will be called whenever the window changes size. I.E zooming in or changing the window size manually
}

要选择这种行为，但我认为最好的方法是将您希望拥有此属性的内容放入div包装器中。这样，您可以手动设置尺寸。

希望有帮助

Answer 2

让我们按步骤进行操作： 您是否使用任何框架？，框架通常使用窗口的调整大小基础，即所用窗口的百分比，因此只要用户缩小或放大屏幕，它就会适应您的需要，如果您希望在调整大小时使用静态屏幕，请更改您的css属性框架，或从头开始使用像素或十六进制创建布局。要在第一次访问时创建一个自适应窗口，然后使其保持静态，首先必须将最大价值的DOM元素（html或window）放在css中，而将其他元素保留在像素值中（如果需要），还可以使用"position: fixed"属性。