Question

我正在滚动到顶部按钮，我希望它显示在页面右侧的固定位置（大约60％的页面下方）。如果我使用相对或绝对，它只是向上滚动页面的其余部分。但是，当我使用固定位置来解决此问题时，该按钮会显示在页面的左侧。我尝试使用百分比左手，但与浮动不同，当你调整宽度时，它会慢慢偏离页面边缘。

这是我的代码（对于解体而言）：

#upButton {
font-size: 15px;
text-align: center;
font-family: comic;
background-color: #FFFFFF;
width: 50px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
position: fixed;
color: #000000;
float: right; 
top: 60%;

}

有没有人看到我可以更改的内容，以便将按钮保持在页面的右侧？

Answer 1

将 CSS 更改为以下

#upButton {
    font-size: 15px;
    text-align: center;
    font-family: comic;
    background-color: #FFFFFF;
    width: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    position: fixed;
    color: #000000;

    right: 10px; /* or right: 10%; */

    top: 60%;
}

只需删除float并添加right代替

希望这会对你有帮助......

使用位置：使用浮点值固定

1 个答案: