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

Question

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

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

现在问题出在我的笔记本电脑上，它看起来不错，但是当我检查移动视图时，我会注意到此功能创建的空白区域。

这是图片： Click here to see image

我已经尝试过使用：

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

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

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

Answer 1

用作#toTop 元素背景的图像是 32px 宽，所以改变宽度：

#toTop {
    width: 32px;
}

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