HTML、CSS、Javascript - 非表示/表示要素

Question

私はHTMLページのBlueprint CSSグリッドを使用しています。表示/非表示にするテーブルがjQueryを使用してボタンにリンクされています。問題は、テーブルを表示/非表示にするたびにボタンをクリックするたびに、ページ上のすべてが少し左に移動することです。

これはよくある問題ですか？誰もがこれを引き起こしている可能性があり、移動できないようにページの他の要素を修正するためにできることを知っていますか？

Answer 1

これはおそらく、ブラウザのスクロールバーが表示されて消え、ページの幅が変更され、センターの位置が変更されたためです。

最小限のコードスニペットが問題を特定するのに役立ちますが、スクロールバーの問題と思われます。私は何が起こっているかを理解するまでこの問題を抱えていました。

Answer 2

もう少し詳細が良いでしょう。あなたの表示/非表示がどこかで空のdivを追加している可能性があります。これはシフトを説明します。問題が解決しない場合は、青写真を避けて、独自のカスタムグリッドを作成してみてください。

Answer 3

cletusはおそらくスクロールバーの問題だと言っています。このコードを試してください

html { 
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll; 
}