ページにスクロールバーが表示されたときに、スクロールバーがページ幅に影響しないようにする方法

ページにスクロールバーが表示されたときに、スクロールバーがページ幅に影響しないようにする方法
本体の幅をウィンドウの幅に設定します(次のスクリプトで制御されます)

$("body").css("width", $(window).width());

同時に、本文のオーバーフローを設定します(スタイルで記述)

本文{オーバーフロー-x: 非表示;}

追伸:

同様に、div内のテーブルもこのように処理されます。




tableContainer(スタイルで記述)とtableMain(スクリプトで制御)の幅をtableMainHeadの幅と同じに設定します。


コードをコピー
コードは次のとおりです。

$(".tableMain").css("幅", $(".tableMainHead").css("幅"));


tableContainerのオーバーフローを非表示に設定する(スタイルで記述)

これには欠点があり、ブラウザウィンドウのサイズが変わると、本文のコンテンツを自動的に中央揃えすることができません(元々幅設定にパーセンテージを使用していたdivは、margin: autoを使用して自動的に中央揃えできましたが、余分な部分が非表示になったため、自動的に中央揃えすることはできません)

<<:  div の幅が width:100% に設定されていて、パディングまたはマージンが親要素を超えてしまう問題の解決方法

>>:  MySQL の current_timestamp の落とし穴とその解決策を共有する

推薦する

Mysql はテーブル内の古いデータを定期的にクリアし、いくつかのデータを保持します (推奨)

以下の目標を達成するため: Mysql データベースは、一定の間隔 (2 時間または 1 日、カスタ...

スライダー効果を実装するミニプログラム

この記事の例では、スライディングブロック効果を実現するための小さなプログラムの具体的なコードを参考ま...

Vue はシームレスなカルーセル効果を実現

この記事では、シームレスなカルーセル効果を実現するためのVueの具体的なコードを参考までに紹介します...

Dockeにredisをインストールする方法

1. redisイメージを検索する docker 検索 redis 2. Redisイメージをダウン...

jQueryは広告の表示と非表示のアニメーションを実装します

数秒後に広告が表示されて消えることがよくあります。この機能を実装するには、JQuery フレームワー...

Docker は MySQL をインストールし、中国語の文字化けの問題を解決します

目次1. MySQLイメージを取得する2. ダウンロードが完了したか確認する3. MySQLはローカ...

MySQLにおける時刻日付型と文字列型の選択について

目次1. DATETIMEとTIMESTAMPの使用1. 類似点2. 相違点3. 選択2. varc...

仮想マシンを作成し、VMware に Redhat Linux オペレーティング システムをインストールする (グラフィック チュートリアル)

VMware で仮想マシンを作成し、Redhat Linux オペレーティング システムをインスト...

UCenter ホームサイトに統計コードを追加

UCenter Homeは、ComsenzがリリースしたSNSサイト構築システムです。最新バージョン...

JavaScriptでページスクロールアニメーションを実装する

目次レイアウトを作成するCSSスタイルを追加するJavaScript で要素を操作する対象要素を取得...

Webフロントエンドツール、Sublime Text 2の紹介

Sublime Text 2 は、軽量でシンプル、効率的なクロスプラットフォーム エディターです。ブ...

Centos6でgitlabを構築する方法

序文元のプロジェクトは、パブリックネットワークgitlabに配置されていました。セキュリティ上の理由...

Navicat for SQLite で中国語データを CSV にインポートする方法

この記事では、参考までに、csv中国語データをNavicat for SQLiteにインポートする具...

MySQL から Excel にテーブルデータをエクスポートする際の日時形式に関する簡単な説明

最近、MySQL を使用してテーブル データを Excel ファイルにエクスポートしました。MySQ...

Linux のバックグラウンドで & と nohup を使用する方法

ターミナルやコンソールで作業しているときは、メールを読むなど、もっと重要な作業があるかもしれないので...