スクロールバーがページ下方にスクロールしない

Question

私はこの小さな問題があります。私はクラス「スクロール」を持つメインのdivを持っています。私はユーザーからの入力を受け入れるいくつかの入力パラメータを持っています。この入力は、ページ全体を垂直方向に埋める。

私はクロム最小化ボタンで画面を最小化しました。 （つまり、下に戻るボタン）、ページが縮小され、オーバーフロー：スクロールに設定されているので、スクロールバーが表示されます。

ここで問題は、ページの最後までスクロールしないことです。 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; 
} 

誰かが間違っていたら教えてもらえますか？

Answer 1

を推測しています。しかし、通常のdivの下に余分なdivを置くだけで問題は解決しました。今私は上記のdivのすべての項目を見ることができます。答えは質問自体をご覧ください。 このような回避策が必要な場合に役立ちます。

Answer 2

heightをmin-heightに置き換えると、これが解決されます。

変更この：

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

Answer 3

原因：これに

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

• A垂直margin-top: 100px又はposition: absolute;を使用する場合height: 100%組み合わせるtop: 100pxようにオフセット。この場合、height: calc(100% - 100px);

• padding-topまたはpadding-bottomと同じに変更してください。解決策：box-sizing: border-box;

しかし、コードなしですべてこれは原因が何であったかわからない...