Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Firefox中滚动条下的CSS固定位置移动_Css_Firefox - Fatal编程技术网

Firefox中滚动条下的CSS固定位置移动

Firefox中滚动条下的CSS固定位置移动,css,firefox,Css,Firefox,在Firefox(版本19.0.2)中,当使用position:fixed将元素定位到页面右侧时,该元素相对于窗口滚动条右侧的窗口视口进行定位 但是,在“悬停”状态下,当我们更改定位值时,该元素相对于窗口视口进行定位,不包括窗口滚动条 在下面的示例中,这会导致元素从滚动条的右侧移动到悬停时滚动条的下方 我已经隔离了这个问题,以确定它不是由设置在body、html或任何其他内容上的任何其他css设置引起的,但我找不到这个问题的原因 HTML <a href="#Top" id="Scroll

在Firefox(版本19.0.2)中,当使用
position:fixed
将元素定位到页面右侧时,该元素相对于窗口滚动条右侧的窗口视口进行定位

但是,在“悬停”状态下,当我们更改定位值时,该元素相对于窗口视口进行定位,不包括窗口滚动条

在下面的示例中,这会导致元素从滚动条的右侧移动到悬停时滚动条的下方

我已经隔离了这个问题,以确定它不是由设置在
body
html
或任何其他内容上的任何其他css设置引起的,但我找不到这个问题的原因

HTML

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


发生这种情况有什么原因吗?这是一个浏览器错误吗?有没有办法解决这个问题?

经过一点修改,我的解决方案是将ScrollToTop锚放到另一个固定位置div中

HTML


似乎Firefox不喜欢移动固定锚位置,重新对齐它。

找到了另一个解决方法,使用最小宽度而不是固定位置div的宽度:

刚刚在一个网站上遇到了类似的问题。这只发生在Firefox中,大约从v19开始。多么垃圾的浏览器
<div id="ScrollToTopHolder"><a href="#Top" id="ScrollToTop">Top</a></div>