滾動條不能完全向下滾動頁面

我有這個小問題。我有一個主類與「滾動」類。我有幾個其他輸入參數，我從用戶那裏接受輸入。該輸入將填滿整個頁面。滾動條不能完全向下滾動頁面

現在我儘量減少與鉻最小化按鈕的屏幕。（即，恢復向下按鈕），頁面被縮小並且滾動條出現，因爲它被設置爲溢出：滾動。

現在的問題是，它不會滾動，直到頁面結束。假設有20個輸入參數，當我最小化時，我只能滾動到第18個輸入參數。滾動條不會超過18並隱藏最後2個，因此觀衆無法看到。

<div class="scroll"> 
</div> 
<!-- Added this extra div below and now able to scroll the last 2 parameters as well --> 
<div style="height:50px;"> 
</div> 

.scroll { 
height:100%; 
overflow:scroll; 
}

有人可以讓我知道如果我做錯了什麼。

來源

2016-05-17 Patrick

我們需要更多代碼來幫助您... – Johannes

它隱藏在系統任務欄或另一個顯示器後面嗎？ – Sparky256

不確定你的意思。當我按住鼠標並通過拖動頁面的下半部分來最大化widnow時，我可以看到最後2個參數。 – Patrick

不知道可能的原因是什麼。但只是把一個額外的div放在正常的div下面解決了這個問題。現在我可以查看上面的div中的所有項目。請參閱問題本身的答案。如果他們想要這樣的解決方法，可能會幫助某人。

來源

2016-05-18 17:39:12 Patrick

同樣的事情發生在我身上。 –

替換height與min-height應該解決這個問題。

更改此：

.scroll { 
    height:100%; 
    overflow:scroll; 
}

向該：

.scroll { 
    min-height:100%; 
    overflow:scroll; 
}

來源

2016-05-17 23:02:18

嘗試過。這是行不通的。但是，如果我設置高度：300px或高度：800px，我可以看到一個滾動條。可能是什麼問題？ – Patrick

嗯，如果是這種情況，請嘗試添加一個800像素的「最小高度」和100％的「高度」，看看是否解決了問題 –

我在其下添加了一個額外的div並給出了高度。現在滾動可以到達上面的div中的最後一個參數。請參閱我的問題中的編輯代碼。你能告訴我現在可能是什麼問題嗎？感謝所有的輸入 – Patrick

可能的原因：

垂直使用position: absolute;當像margin-top: 100px或top: 100px與height: 100%組合偏移。在這種情況下更改爲height: calc(100% - 100px);
與padding-top或padding-bottom相同。可能的解決方法：box-sizing: border-box;

但是，如果沒有代碼，這一切都是猜測...

來源

2016-05-17 23:24:21 Johannes

滾動條不能完全向下滾動頁面

回答

相關問題