1

Lion および Mountain Lion の Chrome または Safari でこの JS Fiddleをテストします。

表示されるべきはスクロールするボックスです。スクロールを開始すると、バーが表示され、スクロールを停止すると再び消えます。Lion と Mountain Lion では、そうではありません。スクロールバーを表示するための修正を知っている人はいますか?

HTML:

<div id="box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis scelerisque aliquam. Nulla consequat justo malesuada mi imperdiet sodales. Morbi rhoncus, diam nec egestas sagittis, ipsum eros sollicitudin urna, quis ornare erat nisl scelerisque eros. Nulla eleifend posuere tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in diam commodo sapien mollis cursus. Integer vitae lacus augue. Proin a velit augue. Quisque at mi augue, a sagittis metus. Aenean id bibendum nunc. Nulla quis eros odio. Sed non leo diam, et sollicitudin leo. Cras ut nibh diam, a mattis felis. Proin lectus massa, fermentum sit amet aliquet id, posuere a dui. Morbi vulputate elit elit. Proin in mi turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis scelerisque aliquam. Nulla consequat justo malesuada mi imperdiet sodales. Morbi rhoncus, diam nec egestas sagittis, ipsum eros sollicitudin urna, quis ornare erat nisl scelerisque eros. Nulla eleifend posuere tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in diam commodo sapien mollis cursus. Integer vitae lacus augue. Proin a velit augue. Quisque at mi augue, a sagittis metus. Aenean id bibendum nunc. Nulla quis eros odio. Sed non leo diam, et sollicitudin leo. Cras ut nibh diam, a mattis felis. Proin lectus massa, fermentum sit amet aliquet id, posuere a dui. Morbi vulputate elit elit. Proin in mi turpis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis scelerisque aliquam. Nulla consequat justo malesuada mi imperdiet sodales. Morbi rhoncus, diam nec egestas sagittis, ipsum eros sollicitudin urna, quis ornare erat nisl scelerisque eros. Nulla eleifend posuere tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in diam commodo sapien mollis cursus. Integer vitae lacus augue. Proin a velit augue. Quisque at mi augue, a sagittis metus. Aenean id bibendum nunc. Nulla quis eros odio. Sed non leo diam, et sollicitudin leo. Cras ut nibh diam, a mattis felis. Proin lectus massa, fermentum sit amet aliquet id, posuere a dui. Morbi vulputate elit elit. Proin in mi turpis.</p>
</div>​

CSS:

#box {        
    height: 300px;
    overflow: auto;
    margin: 10px;
}​
4

3 に答える 3

3

この問題は、以前のポスターがAppleのMountainLionオペレーティングシステムの外観に実際の違いを示しているという点で「現実的」です。

しかし、スクロール動作は引き続き機能します。他の例では、インターネットや冒頭の投稿の「これをテストする」リンクで確認できます。

問題は、Mountain Lionのデフォルトのユーザー設定により、スクロールバーが非表示になり、ユーザーに表示されないことです。また、デフォルトの「自然な」スクロールホイールまたはトラックパッド（マジックパッド）の方向は、古いシステムまたはPCの方向とは逆です。これらの2つの側面は、混乱を招きます。

デフォルト設定では、スクロール領域は、マウスの矢印がブロック上にある場合（スクロールバーが存在しない場合でも）にスクロールし、適切な方向に移動すると表示されます。デフォルトの「自然な」方向（Appleはそれを呼んでいます）は、スクロールホイールまたはトラックパッドがオブジェクト自体を「自然な」方向に移動することです（ウィンドウがオブジェクト上を移動するのではありません）。Macにはこれを逆にする設定がありますが、これによりMacの方向がAppleのタッチタブレットの方向と反対になります。

本当の問題は、スクロールバーの非表示によって引き起こされるユーザーの混乱です。そのため、ユーザーは、マウスカーソルが上にある場合に、スクロールホイールで領域を移動できることに気づいていません。さらに、ユーザーはそれが機能するためにトラックパッドまたはスクロールホイールを持っている必要がありますが、それはほとんどの場合、MountainLionオペレーティングシステム自体をナビゲートするためにも必要です。

ユーザーは、Personal General設定でMacの設定を「スクロールバーを表示する：常に」に変更できます。しかし、それはCSSやWebサイト開発者にとってはほとんど役に立ちません。

これについてAppleに文句を言うことをお勧めします。主な代替手段は、Webサイトのウィンドウのスクロール可能領域の機能を使用しないことです。

于 2012-09-15T19:35:04.323 に答える
0

これは、必要なことを行う jQuery プラグインです。

http://naeka.github.com/jquery-scrollbar/

あなたは必要になるでしょう

<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="jquery.scrollbar.min.js"></script>
<script type="text/javascript" src="demo.js"></script>

クラスを使用する<div id="page"> <div class="scrollBox"><div id="scroll1"><p class="left">

例: http://jsfiddle.net/pullapooh/3aGDK/

于 2012-09-13T17:59:09.077 に答える
-5

Linuxミントでうまくいくようです。試してみませんか：

オーバーフロー:スクロール;
于 2012-09-13T17:55:19.330 に答える