jquery - Web ブラウザのスクロール バーを非表示にする

Question

Webブラウザのスクロールバー、jqueryまたはcssを非表示にする方法はありますか? 私はまだ要素内をスクロールしたいので、使用したくありません

overflow: hidden

前もって感謝します。

Answer 1

overflow: hidden;に適用するbodyと、ブラウザでのみスクロールバーが無効になります。内部要素では引き続き使用できます。

これまでのところ、overflow:hidden は本体にあります。ただし、IE は常にそれを尊重するとは限らず、body 要素にも scroll="no" を配置するか、html 要素にも overflow:hidden を配置する必要があります。

これを行うことができるビューポートを「制御する」必要がある場合は、これをさらに進めることができます:-

<style>
 body {width:100%; height:100%; overflow:hidden, margin:0}
 html {width:100%; height:100%; overflow:hidden}
</style>

本体で高さ 100% が許可された要素は、ウィンドウ ビューポートの高さ全体を持ち、bottom:nnPX を使用して絶対的に配置された要素は、ウィンドウの下端から nn ピクセル上に設定されます。

編集:

私はあなたがそれを混沌として書いたと思います:)

ブラウザのスクロールバーについてではなく、要素のスクロールバーを非表示にすることについて話しているが、内部をスクロールできる場合は、次のリンクを確認してください: http://hynchrstn.wordpress.com/2012/06/10/hide-scrollbar-but-まだスクロール可能な css を使用して/

Answer 2

に適用overflow: hiddenすることbodyは、メイン ウィンドウのスクロールバーを削除する唯一の信頼できるクロス ブラウザーの方法です。

overflow: scrollまたはを子孫要素に適用overflow: autoして、内部スクロールを可能にすることができます。あなたの特定のケースについての詳細を知っておくと役立ちます。