ボディが `overflow：hidden`に設定されているとき、スクロールを有効にしますか？

-1

私は次のHTMLを持っています。 innerDivのスクロールを有効にするにはどうすればよいですか？ボディが `overflow：hidden`に設定されているとき、スクロールを有効にしますか？

<html> 
<body style="overflow: hidden; margin:0; padding:0; width: 100%; height: 100%;"> 
    <div id="innerDiv"> 
     H <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     I<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     !<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     <p> Can you see me? </p> 
    </div> 
</body> 
</html>

私は#innerDiv { overflow: scroll }を設定しようとしたが、何それがないと、右側の空のスクロールバーを追加する以上のものではありませんしています。

//編集：innerDivの高さは固定されていません。

出典

2016-05-01 Zen

この動作は、あなたのdivの高さが固定されていないため、期待されているので、その高さは、その内容の高さになります。これは、内容がオーバーフローしてスクロールバーが必要ないという事実につながります。 divの高さは固定するか、親の高さに設定する必要があります。

出典

2016-05-01 10:06:24

なぜ体内でオーバーフロースタイルを非表示に設定していますか？私はその考えを得ることができないようです。そのプロパティを削除してそれをそれに任せておくと、デフォルメ・プロップが表示され、それが機能するはずです。

出典

2016-05-01 09:15:41

あなたは#innerDivの高さをその高さに固定しません。内容に応じて変更してください

#innerDiv 

{ 

    overflow: auto; 

    height:40px; //as your required 

}

出典

2016-05-01 09:15:51

divに高さを指定する必要があります。

<body style="overflow: hidden; margin:0; padding:0; width: 100%; height: 100%;"> 
 
<div id="innerDiv" style="overflow: auto;height:100px;"> 
 
     H <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
     I<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
     !<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
     <p> Can you see me? </p> 
 
    </div> 
 
</body>

出典

2016-05-01 09:19:43

ボディが `overflow：hidden`に設定されているとき、スクロールを有効にしますか？

答えて

関連する問題