javascript - 由于向上滚动图标，空白仅出现在移动 View 中

Question

我正在使用免费模板创建网站 Click here to go on the website

当您在向下滚动后向上滚动时，您会注意到右下角有一个红色的直立箭头，这是红色箭头的图像，如果您点击它，页面将滚动到顶部#Home。

现在问题出在我的笔记本电脑上，它看起来没问题，但是当我检查移动 View 时，我会注意到此功能造成的空白区域。

这是图片: Click here to see image

我已经尝试过使用:

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

并注意只有 overflow-x: hidden 删除了空白，但也影响了箭头滚动功能，并且仍然有一点空间保持在底部滚动条的正确大小。 我也尝试删除整个滚动代码，但仍然无法删除仅在移动 View 中出现的空白。

我提供了整个网站的链接而不是在这里提及，因为我不知道是哪个代码导致了问题，也无法在此处提供整个网站的代码。 请查看链接，在那里您会发现整个网站的每个页面都具有此滚动功能。谢谢

Answer 1

用作 #toTop 元素背景的图像是 32px 宽，因此更改宽度:

#toTop {
    width: 32px;
}

如果您需要将其从右侧推开，请使用 margin-right。