問題:
この問題は Chrome でのみ発生しています。
jQuery を使用してボディ タグにクラスを追加すると、ページに DIV タグがあり、新しいクラスがボディに追加されるとスタイルが変更されますが、内部コンテンツがオーバーフローします。ページを更新すると、すべてがうまく収まります。
これを IE と Firefox でテストしましたが、どちらのブラウザでも問題なく動作します。
説明:
jQuery を使用して、ボディにクラスを追加しています。
$(document).load(function() {
if (UNDER_CERTAIN_CONDITIONS) {
$('body').addClass('some-new-class');
}
});
次に、それに応じてページを調整するスタイルシートがあります。
body.some-new-class div.requires-special-styling {
/* ... */
}
注: 問題の解決に役立つ場合に備えて、Drupal 7 とオーバーライドされたバージョンの Bartik テーマを使用しています。