在开发微信集合平台的时候，因为页面采取流加载，为了方便用户快速回到顶部，于是找到了toTop插件，小巧方面。为了方便以后查看，记录下如何使用。
下载地址，自行下载
0x01 引入文件
1 | <script src="{{ url_for('static', filename='common/jquery.toTop.min.js') }}"></script> |
0x02 设置元素
1 | <button type="button" class="layui-btn layui-btn-radius layui-btn-lg to-top">回到顶部</button> |
0x03 绑定元素
1 | $(function () { |
2 | $('.to-top').toTop(); |
3 | }); |
配置
|属性/方法|类型|默认值|说明|
|—|—|—|—|
|autohide|布尔值|true|自动隐藏|
|offset|整数|420|距离顶部多少距离时自动隐藏|
|speed|整数|500|滚动持续时间|
|position|布尔值|true|如果设置为 false，则需要手动在 css 中设置“按钮”的位置|
|right|整数|15|右侧位置|
|bottom|整数|30|底部位置|