我有一個可能很常見的滾動問題，但我似乎找不到它。本質上，我有一個網頁的可滾動部分，從標題下方到螢屏底部。但是，要使該部分可滾動，我必須設定一個高度，我設定為 70vh，而標題是靜態高度。當視口改變高度時，例如到更大的螢屏，70vh 不足以到達螢屏底部，因為它現在應該按比例占用更多空間。
我的問題是，當視口改變大小時，如何使該部分始終保持正確的高度。我的一個想法是找到標題占用的視口高度的百分比，然后將其從 100 可變地減去，但我不知道如何做到這一點。
我還不能在我的帖子中添加圖片，但這是該部分的鏈接
uj5u.com熱心網友回復：
您可以使用calc()
.scrollable {
height: calc(100vh - 80px /* Height of your header */);
}
但是，您需要為網站上的每個斷點執行此操作，這會更改標題的高度，并且100vh有時會被瀏覽器的“元素”（例如移動設備上的 URL 欄等）阻礙。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/483158.html
標籤：javascript html css 滚动 调整大小
上一篇：即使插入視口，媒體查詢也不起作用