在 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;
}
这是有原因的吗?这是浏览器错误吗?有没有办法解决这种情况?