私は別の中に1つのdivを持っています。内側のdivは外側のdivよりも大きいので、外側のdivをスクロールして非表示のコンテンツを表示したいと思います。私はそれをオーバーフローとしてマークしました:autoそしてそれはうまく動作します。
ただし、ビジネス上の制約により、外側のdivにスクロールバーを表示する必要もあります。これは、Windowsのすべてのブラウザで機能します。MacのFirefoxでも動作します。MacのSafari/Chromeでは、Webページをスクロールするときと同じように、divのコンテンツをスクロールするとスクロールバーが表示されると思います。代わりに、コンテンツをスクロールすることはできますが、スクロールバーが表示されません。スクロールバーを正しく表示するにはどうすればよいですか?
これが私が持っているものです:
<style type="text/css">
.inner {
width: 300px;
height: 300px;
}
.outer {
width: 100px;
height: 100px;
overflow: auto;
}
</style>
<div class="outer">
<div class="inner">asdf qwer qwer asdf</div>
</div>