48

http://www.buildwindows.com/などの ie10 (デスクトップ) で垂直スクロール バーが表示されるコンテンツを含む Web サイトにアクセスすると、スクロール バーはウィンドウにカーソルを合わせたときにのみ表示されることに気付くでしょう。

スクロールバーを常に表示するように強制する方法はありますか? ページの下の方にコンテンツがあることがわかりにくくなるのではないかと心配しています。

ありがとう

4

5 に答える 5

127

設定するカスタム ベンダー プレフィックス CSS プロパティがあります。

html {
   -ms-overflow-style: scrollbar;
}

その他のオプションには、、、、autoおよびnoneがscrollbarあり-ms-autohiding-scrollbarます。後者は、発生している動作を引き起こします。

MSDN ドキュメントからの抜粋、具体的には上記のscrollbar値:

コンテンツがオーバーフローしたときに、要素がクラシック スクロールバー タイプのコントロールを表示することを示します。

とは異なり-ms-autohiding-scrollbar、-ms-overflow-styleプロパティがscrollbar常に画面に表示されるように設定された要素のスクロールバーは、要素が非アクティブなときにフェードアウトしません。

于 2013-07-06T15:51:38.883 に答える
3

これでうまくいくはずです。画面が 992px より大きい場合、メディア クエリはスクロールが消えるのを防ぎます。(Windows モバイル デバイスでは、スクロール バーを非表示にするためにこれが必要であると想定しています。これが、メディア クエリを作成した理由です)。

@-ms-viewport {
  width: device-width;  
}
@media (min-width: 992px) {
  @-ms-viewport {
    width: auto !important;
  }
}
于 2015-04-14T14:48:25.260 に答える
1

これを html 要素、つまり html{-ms-overflow-style: scrollbar;} に追加したところ、うまくいきました。

于 2015-05-27T11:14:33.430 に答える
1

CSS スタイル

overflow-y:scroll;

設定されている要素に常に垂直スクロールバーが表示されます

于 2013-05-30T08:56:10.463 に答える
-4

この META タグを追加すると、次のように機能します。

<meta http-equiv="X-UA-Compatible" content="IE=9">
于 2013-06-25T10:06:42.977 に答える