mip-gototop 回到顶部组件

点击回到页面顶部。

标题内容
类型通用
支持布局N/S
所需脚本https://c.mipcdn.com/static/v2/mip-gototop/mip-gototop.js

示例

基本使用

默认为滚动 200px 的高度显示按钮

1
2
3
<mip-fixed type="gototop"> <mip-gototop></mip-gototop> </mip-fixed>

设置阈值

阈值为页面滚动的高度

1
2
3
<mip-fixed type="gototop"> <mip-gototop threshold="300"></mip-gototop> </mip-fixed>

单位为 vh 时

1
2
3
<mip-fixed type="gototop"> <mip-gototop threshold="120vh"></mip-gototop> </mip-fixed>

属性

threshold

说明:设置页面滚动多少高度时显示按钮,单位

必选项: 否

单位:pxvh,1vh = 窗口高度的 1%,单位默认为 px

默认值:200px