BackTop 回到顶部
滚动页面到一定距离后,右下角自动出现 ▲ 按钮,点击即回到顶部。
示例
当前页面中已默认放置了一个 ABackTop(右下角)。向下滚动本页面即可看到其出现,点击回到顶部。
vue
<!-- 直接放在页面任意位置即可 -->
<ABackTop />
<!-- 自定义显示距离和位置 -->
<ABackTop :visibility-height="300" :right="60" :bottom="60" />Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| visibilityHeight | number | 180 | 滚动超过此 px 值后显示 |
| right | number|string | 40 | 距右侧距离 |
| bottom | number|string | 40 | 距底部距离 |