3

Firefox (バージョン 19.0.2) では、エレメントを使用してページの右側にposition: fixedエレメントを配置すると、ウィンドウ スクロールバーの右側のウィンドウ ビューポートに対して相対的に配置されます。

ただし、ホバー時に位置の値を変更すると、要素はウィンドウのスクロールバーを含まないウィンドウのビューポートに対して相対的に配置されます。

次の例では、ホバーすると要素がスクロールバーの右からスクロールバーの下に移動します。

問題を切り分けて、 に設定された他の css 設定body、htmlまたはその他の何かが原因ではないことを確認しましたが、この問題の理由を見つけることができません。

HTML

<a href="#Top" id="ScrollToTop">Top</a>

CSS

#ScrollToTop {
    position: fixed;
    right: 0px;
    bottom: -10px;
    width: 50px;
    height: 50px;
    background: #ffffff;
    color: #000000;
}
#ScrollToTop:hover {
    bottom: 0;
}

例

これが発生している理由はありますか？これはブラウザのバグですか？このケースを修正する方法はありますか？

4

2 に答える 2

2

別の回避策が見つかりました。固定位置の div には幅の代わりに最小幅を使用してください: https://stackoverflow.com/a/15705522/980692

于 2013-06-06T12:27:49.293 に答える