まず、この問題は Firefox でのみ発生します。
問題を理解するには、この例のページを確認してください: -removed-
ホーム以外のページを選択します。ウィンドウがページにスクロールします。その後、マウス ホイールを使用して下にスクロールできます。これはうまくいきます。しかし、マウスで右側のスクロールバーをつかむと、「ホームページ」(ページ全体/ウェブサイトの一部である左上の最初の要素)に戻ります。
問題のあるコードは次のとおりです。
#コンテンツ{
overflow-x: hidden; /* <<problem maker */
overflow-y: auto;
width:100%;
background-color:white;
position:relative;
height:400px;
float:left;
min-width: 900px;
}
... overflow-x (overflow-x: auto;) を再表示すると、すべて正常に動作しますが、望ましくない水平スクロール バーが表示されます。
#content 内の div の位置をアニメーション化して「スライド」効果を作成する jquery ScrollTo プラグインを使用しています。どうやら、Firefox はデフォルトの読み込み位置に「リセット」しているため、水平方向に「スライド」することは許されていなかったようです。
これは Firefox のバグですか? それとも ScrollTo プラグインのバグですか? それともjQueryでさえありますか?
これを修正する方法のアイデアはありますか? 回避策のアイデア?
どんな助けでも大歓迎です!ありがとう!