页面跳转怎么制作(如何一键直达页面顶部或底部)

我们在浏览网页时,可能会想快速到达页面的顶部或底部,该怎么做呢?

用 Scroll To Top Button。

页面跳转怎么制作(如何一键直达页面顶部或底部)(1)

简介

Scroll To Top Button 是一款浏览器插件,支持 Chrome、FireFox、Edge、Opera,它能够让你快速到达页面的顶部或底部,可以选择使用按钮或快捷键。

基本信息

名称

Scroll To Top Button

版本

10.0.3

浏览器插件

Chrome、FireFox、Edge、Opera

适用平台

macOS、Windows、Linux

开源地址

https://github.com/PoziWorld/Scroll-to-Top-Button-Extension

环境准备

以 Chrome 插件为例,打开插件地址,安装好就行了。

地址如下:

https://chrome.google.com/webstore/detail/scroll-to-top-button/chinfkfmaefdlchhempbfgbdagheknoj

安装成功后 Chrome 状态栏会出现

页面跳转怎么制作(如何一键直达页面顶部或底部)(2)

图标。

快速开始

Scroll To Top Button 的默认配置是「仅滚动到顶部」,也就是当你点击状态栏图标的时候才会快速回到页面的顶部。

如下图所示:

页面跳转怎么制作(如何一键直达页面顶部或底部)(3)

我觉得这样不是很方便,理想的配置应该是,按钮悬浮显示在页面上,而且要有双箭头,方便操作,另外按钮最好放到右下角,这样不会遮挡页面。

像这样:

页面跳转怎么制作(如何一键直达页面顶部或底部)(4)

配置一下:

STEP 1. 右击状态栏的图标 -> 选项 -> 进入配置界面

在这里可以对按钮模式进行一些配置:

页面跳转怎么制作(如何一键直达页面顶部或底部)(5)

STEP 2. 勾选「No button on page until click | Advanced」中的「双箭头」

之后按钮设置会显示出来:

页面跳转怎么制作(如何一键直达页面顶部或底部)(6)

STEP 3. 按钮位置选择「底部右边」

这样就设置好了,配置会自动保存。

使用指南1. 使用快捷键返回页面顶部或底部

如何使用快捷键快速返回页面顶部或底部呢?

答案是:Alt 向上箭头/向下箭头

如何自定义快捷键呢?

键盘设置跟按钮设置的路径一样(右击状态栏的图标 -> 选项 -> 进入配置界面 -> 勾选「No button on page until click | Advanced」 中的选项

默认配置如下:

页面跳转怎么制作(如何一键直达页面顶部或底部)(7)

可根据自己的使用偏好修改。

(完)

如果文章对你有帮助,请随手点个赞吧!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页