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