web-dev-qa-db-ja.com

IEでスクロールバーを非表示

UIのアプリケーションでは、そのためにJSFまたはPrimeフェイスを使用しています。アプリケーションのスクロールバーを非表示にしたいのですが、Internet Explorerでこれを実現するのに苦労しています（IE7を使用しています）。

Internet Explorerでスクロールバーを表示しないようにする方法はありますか？ CSSにoverflow: hidden;を追加しようとしましたが、機能していません。

DOMのほぼすべてのノードを試し、100%、margin: 0pxでwidth/heightをpadding: 0pxに設定しました。 Firefoxでうまく動作するようですが、IE7では動作しませんか？

htmlcssinternet-explorer-7
34
Vikas Soni

誰かがまだ解決策を必要としている場合、これは私のために働いた：

.container{
    -ms-overflow-style: none;
    overflow: auto;
}

この変更により、コンテナのスクロールが許可され、IEのバーが非表示になります。

テスト済みIE 10 && 11。

参照

77
Crisoforo Gaspar

コードを見ずに言うのは難しい！そうは言っても、MicrosoftがInternet Explorer用に導入した「拡張属性」を使用してみてください。

<body scroll="no">

編集：

また、CSSでhtmlページのoverflowプロパティをそのように設定してみることもできます。

html, body { overflow: hidden; }
19
Fraser

このCSSは、ChromeとIE 10：

/* Oculta la scroll-bar pero sigue permitiendo hacer scroll con el mouse */
    body::-webkit-scrollbar { display: none;  }
    html, body { -ms-overflow-style: none; overflow: auto; }
6
Jhollman

このコードを使用して、ボディに実装できます-

body { overflow-x:hidden; }

そうでない場合は、レイアウトを調べて、レイアウトが少し伸びている何かの不適当な幅があるコンテナがあるかどうかを確認してください...

3
SaurabhLP

overflow:hidden;を試してみようとする前に、IEが互換モードになっていないことを確認してください

2
curt