mip-gototop 回到顶部组件

优质
小牛编辑
132浏览
2023-12-01

点击回到页面顶部。

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

示例

基本使用

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

<mip-fixed type="gototop">
  <mip-gototop></mip-gototop>
</mip-fixed>
查看例子 编辑示例

设置阈值

阈值为页面滚动的高度

<mip-fixed type="gototop">
  <mip-gototop threshold="300"></mip-gototop>
</mip-fixed>
查看例子 编辑示例

单位为 vh 时

<mip-fixed type="gototop">
  <mip-gototop threshold="120vh"></mip-gototop>
</mip-fixed>
查看例子 编辑示例

属性

threshold

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

必选项: 否

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

默认值:200px