0

次の点を考慮してください。

<ul onmouseover="javascript:this.style.overflowY='auto';" onmouseout="javascript:this.style.overflowY='hidden'" id="chatwindow" class="replies" style="overflow-y:hidden;height:90%">

マウスが他の場所にあるときにスクロールバーを非表示にするスクロール UL だけです。すべてのブラウザで動作します。IE10 を搭載した Windows 8 タブレットでは、UL に指を置いている限り、スクロールバーが表示されます (表示されたままになります)。ただし、UL はスクロールを拒否します。-ms-touch-action:none と -ms-touch-action:pan-y を試しましたが、役に立ちませんでした。onmouseover/onmouseout イベントがなければ、スクロールは想定どおりです。手がかりはありますか？

4

1 に答える 1

0

プレーンな CSS だけを試しましたか? イベントを削除して、これを使用します。

#chatwindow {overflow:hidden}
#chatwindow:hover {overflow:auto}

これが機能しない場合は、スクロールバーを非表示にしないことをお勧めします-ユーザーインターフェイスの観点からは良い考えではありません. それは非常に直感に反するでしょう。また、スクロールバーの表示によってレイアウトの問題が発生する場合があります。たとえば、YouTube プレイリストで、スクロールバーが表示されるために動画の名前が突然 2 行に表示されることがあります。

于 2013-03-08T20:57:35.207 に答える