簡體   English   中英

加載時全高窗口,窗口調整大小時滾動

[英]Full height window on load and scroll when window resizes

我有一個布局的想法。 用戶首次加載頁面時。 內容將顯示全窗口高度。 但是當用戶調整窗口大小時,它會添加一個垂直滾動條來查看整個窗口高度。

要放入另一個,就像我想在用戶調整窗口大小時保持全高窗口。

例如,最初窗口全高為1600px,然后當用戶使用鼠標將窗口大小調整為1000px時,我希望內容仍為1600px,並添加滾動條以幫助用戶查看內容。

如果用戶最初打開窗口,讓我們說較小的屏幕800px高度。 我希望它首先制作完整的高度,但是當用戶調整內容時,將適合調整大小窗口。

我對我的想法感到困惑,但有可能這樣做嗎?

如果你的意思是縮放,當你說調整大小和鼠標。 您可以使用

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

要獲取該行為,但我認為最好的方法是將您希望將此屬性放入div包裝器的內容。 這樣,您可以手動設置大小。

希望有所幫助

讓我們按步驟進行操作:你使用的是框架嗎?,框架通常使用窗口的調整大小,所用窗口的百分比,因此只要用戶縮小或放大屏幕,它就會適應,如果你想在調整大小時使用靜態屏幕,更改框架的css屬性,或從頭開始使用像素或十六進制創建布局。 要在第一次訪問時創建自適應窗口,然后將其保持為靜態,首先必須將最高值的DOM元素(html或窗口)放在css中,如果需要,將其他元素保留為像素值,也可以使用“position:fixed”屬性。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM