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

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：隐藏删除空白，而且还会影响箭头滚动功能，还有一点空间仍然保持着底部滚动条的大小。 我也尝试删除整个滚动代码，但仍然无法删除仅在移动视图中出现的空白。

我提供了整个网站的链接，而不是在此处提及，因为我不知道哪个代码导致了问题，并且无法在此处提供整个网站的代码。 请查看链接，在每个页面上您都可以找到带有此滚动功能的整个网站。谢谢

Answer 1

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

#toTop {
    width: 32px;
}

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