CSSピクセルのシフト問題。ページをいくつかのピクセルに移動してから通常に戻す

Question

CSSに問題があります。 Check this page。そのページで「バルセロナ」リンクをクリックすると、ページ全体が10ピクセル右にシフトしていて、正常に戻ってきていることがわかります。なぜ起こったのですか？どんな助け？ありがとう

Answer 1

垂直スクロールバーが表示されるために移動します。また、「バルセロナ」に対応する画像は、Firefoxの間違った場所に表示されます。古い画像は、次の画像が表示される前に削除されていない可能性があります。

overflow-y:scrollは、画像の配置とは別に、htmlに設定してください。スクロールバーを常に表示するように強制します（私はおそらく最も美しいものではないかもしれません）が、異なるページに移動するときにはページがずれることはありません（スクロールバーが表示され、 ）

Answer 2

「バルセロナ」をクリックすると読み込まれる画像は、そのコンテナよりも広いです。そのイメージの幅を縮小するか、イメージコンテナを少し広くします。