2

私は現在、いくつかのサービス名があり、ユーザーが 1 つをクリックすると、jQuery がその下にそれを説明する対応する段落を表示する簡単なメニューを作成しています。私の jQuery コードは問題なく、まさに私が望んでいることを実行しますが、まだ解決していないバグが 1 つあります。

これらの見出しのいずれかをクリックすると、その説明が表示されるたびに、ページのラッパー内のすべてが Firefox で約 7 ピクセル左にシフトします。同じことが Google Chrome でも行われますが、量は測定していませんが、そうであると確信しています。無関係。

とにかく、slideToggle() コマンドを使用して非表示のパラグラフを表示しています。これは、slideDown が発生すると、すべての幅と「margin: 0 auto;」が何らかの形で変更されるためだと思います。私のCSSのラッパールールの設定は、この変更を補っています. この問題を解決する方法はありますか? インターネットで見つけた他のいくつかの修正を試みましたが、役に立ちませんでした。

これが私のコードの外観です。見やすくするために jsFiddle に置きます。より便利なものは何でも。助けてくれてどうもありがとう！

4

1 に答える 1

1

このシフトは、垂直スクロールバーが原因である可能性があります。ページが大きくなりすぎると、垂直スクロールバーが表示され、段落の幅が少し左に押し出されます。ブラウザのビューポートを約1000x600に縮小すると、指定されたjsfiddleページの最初の段落でこれを確認できます。

これを修正するには、固定の垂直スクロールバーを配置することを検討してください。

html {
    overflow-y: scroll;
}
于 2010-05-09T01:29:56.420 に答える