特定の高さの後にスクロールを表示する方法を教えてください。

私は以下のスタイルのdivを持っています：高さ：250px; scroll：auto ;. 250ピクセル後にスクロールしたいが、その内容に応じて高さを設定する必要があります。特定の高さの後にスクロールを表示する方法を教えてください。

たとえば、コンテンツが100ピクセルの場合、スクロールせずにdivの高さを100にする必要があります。ただし、高さが250ピクセルを超えると、スクロールが表示されます。

どうすればいいですか？

2011-02-17 svirk

私はかなり理解していません：S – thirtydot

小さなコンテンツの高さを小さくして1行の高さを250pxにしないようにします。しかし、250ピクセル後にスクロールを表示したい場合もあります。それは意味をなさないことを望む！ – svirk

私はあなたが今何を意味するかを見ます。 – thirtydot

これを試してください：最大高さは、トリックを行う必要があります。

HTML

<div class="height"> 
    blah<br/> 
    blah<br/> 
</div>

CSS：

.height { max-height:250px; border:1px solid red; overflow:auto; }

2011-02-17 22:29:23 Mauro

これが動作しないときは、 'line-height'を調整すると便利です。 http://stackoverflow.com/questions/10251369/css-max-height-and-overflow-auto-always-displays-vertical-scroll –

デバイスのサイズに基づいて高さを設定しようとしました。最大高さを％で固定する他の方法です。 – phponwebsites

これはあなたが後にしている何ですか？

CSS：

.dyn-height { 
    width:100px; 
    max-height:250px; 
    overflow-y:scroll; 
}

height:オプション - ちょうどデモのために。

2011-02-17 22:29:36

@thirtydot - 既に完了しました;） –

autoオプションでoverflow-yを使用してください。この方法では、スクロールバーが必要になるまで表示されません。スクロールバーが表示されていなくても、スクロールバーが表示されます。

.my_div { 
     width:100px; 
     max-height:250px; 
     overflow-y:auto; 
    }

2017-09-27 23:04:59

答えて