滚动到顶部是转到特定网页顶部的有用方法。许多网站都使用此功能，通过单击箭头图像，您将被带到该页面的顶部。好吧，本教程将解释如何在 Weebly 网站中添加滚动到顶部或返回顶部按钮。

推荐：如何在Ubuntu 22.04/20.04中自动隐藏顶部栏

如何在 Weebly 中添加滚动到顶部按钮

添加滚动到顶部或返回顶部按钮基本上涉及五个步骤：

1. 下载并修改滚动到顶部 JavaScript 文件。
2. 下载向上箭头图像。
3. 将 JavaScript 和图像文件上传到您的 Weebly 网站。
4. 在所有页面中添加滚动至顶部。
5. 在特定页面中添加滚动到顶部。

我们正在详细讨论每个步骤。

步骤 1.下载并修改 Javascript 文件

• 下载文件 名为“scrolltopcontrol.js”。
• 在 Notepad++ 等编辑器中打开文件并查找代码
• 将其替换为您的 Weebly 网站的图像路径，如下所示：

图片 源码=“http://yoursitename.weebly.com/files/theme/up_arrow.png”

步骤 2. 下载向上箭头图像

• 右键单击下方任意图像并将其保存到本地驱动器。
• 确保将图像文件名更改为“up_arrow.png”。

推荐：10个最佳Shopify二维码生成器应用

步骤 3. 将文件上传到您的 Weebly 网站

• 登录您的 Weebly 帐户并选择您想要添加滚动到顶部功能的网站。
• 在 Weebly 编辑器中，转到“主题”选项卡，然后单击“编辑 HTML/CSS”按钮。
• 点击“Assets”选项卡中的“+”图标，从下拉菜单中选择“上传文件”并上传修改后的“scrolltopcontrol.js”文件。
• 以同样的方式上传“up_arrow.png”图像文件。
• 保存您的主题，如果这是您第一次将文件上传到您的网站，那么系统将提示您为您的网站输入一个新的主题名称。输入新的主题名称并保存您的更改。

现在我们几乎完成了，剩下两个添加滚动到顶部功能的选项：

添加网站的所有页面。
仅限于特定页面。

步骤 4. 在所有页面中添加滚动到顶部

• 复制以下代码并修改它，替换“您的网站名称.weebly.com” 替换为您真实的 Weebly 网站名称。

=“文本/javascript”源码=“http://yoursitename.weebly.com/files/theme/scrolltopcontrol.js”>

• 转到 Weebly 编辑器中的“设置”选项卡，然后将代码粘贴到“SEO”部分下的“标题代码”框中。

保存更改并发布您的网站，向下滚动时，右下角会出现一个箭头按钮。您可以在所有页面中看到向上箭头图像，单击该图像将带您到网站顶部。

步骤 5. 在特定页面上添加滚动到顶部

进入 Weebly 网站编辑器的“页面”选项卡，选择要添加滚动到顶部功能的页面。点击“高级设置”链接，将上述代码粘贴到“标题代码”框中，如下图所示。

保存更改并发布您的网站。打开特定页面，向下滚动时会看到箭头按钮位于页面的右下角。

推荐：在Microsoft Excel中添加箭头的8种方法