1。スクロールバーを取り外す方法
オーバーフローを追加するだけです：身体への隠された属性。 IE6および7で発効しません。HTMLへのオーバーフロー：隠し属性を追加する必要があります
スタイルでは、IE6、7およびその他のブラウザをハックによって区別する必要があります。これは、ページが下に引っ張られると、HTMLまたはボディがオーバーフローしている場合、透明な電球層の下のページが正常に部分的に隠されるためです。透明な視聴を通じて見えるグレースケールの特定の色は、プラットフォームとユーザーによって設定された背景色に関連しています。
ボディまたはHTMLでScrollbarを削除した後、ページにはScrollbar width/2ジャンプがあります！このジャンプはユーザーエクスペリエンスにとって非常に悪いので、ボディに正しいパディングを追加します。サイズはスクロールバーの幅です。 Windowsプラットフォームの下のスクロールバーの幅は17pxです。 Linuxプラットフォームの下にあるさまざまなスクロールのスクロールバーの幅は一貫していません。関連するコードを使用して、スクロールバーの幅を計算できます。以下は、Windowsプラットフォームの例です。
関連コード：
document.documentelement.style.csstext = 'overflow：none;+overflow：hidden; _overflow：hidden;'; document.body.style.csstext = 'overflow：hidden;+overflow：none; _ overflow：none; padding：0 17px 0;'; ';
上記のコードでは、HTMLまたはボディにインラインスタイルがあるかどうかは考慮されていません。 HTMLまたはボディにインラインスタイルがある場合、蓄積する必要があります。そうしないと、元のスタイルがクリアされます。
2。隠された危険を削除するその他の方法ページをスクロールする（誤動作を防ぐ）
スクロールバーを隠した後、マウスホイールでページをスクロールすると動きません。私はそれが大丈夫だと思った、
キーボードショートカットは、上下キー、ページターンボタンなど、キーボードショートカットなどのスクロールページに関連するブラウザ操作を操作することもできます。キャンセルする必要があります。
3.ポップアップレイヤースタイルを追加します
体にグローバルスタイルを追加する（IE6と互換性がある）
高さ：100％;
弾丸層にスクロールスタイルを追加します
オーバーフロー-Y：auto; width：100％; height：100％; left：0; _padding：0 17px 0 0; // IE6バグ、子要素のパディングは、子要素が絶対に配置された後もまだ有効です
JSポップアップレイヤーマスクと非表示の背景ページスクロールバーの詳細最適化分析に関する上記の記事は、私が共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。