BackTop 回到顶部
可一键返回顶部的按钮。
基础用法
当容器滚动到一定高度的时候,在右下角会出现一个返回顶部的按钮。
- 2. 渭城朝雨浥轻尘,客舍青青柳色新。
- 3. 渭城朝雨浥轻尘,客舍青青柳色新。
- 4. 渭城朝雨浥轻尘,客舍青青柳色新。
- 5. 渭城朝雨浥轻尘,客舍青青柳色新。
- 6. 渭城朝雨浥轻尘,客舍青青柳色新。
- 7. 渭城朝雨浥轻尘,客舍青青柳色新。
- 8. 渭城朝雨浥轻尘,客舍青青柳色新。
- 9. 渭城朝雨浥轻尘,客舍青青柳色新。
- 10. 渭城朝雨浥轻尘,客舍青青柳色新。
- 11. 渭城朝雨浥轻尘,客舍青青柳色新。
- 12. 渭城朝雨浥轻尘,客舍青青柳色新。
- 13. 渭城朝雨浥轻尘,客舍青青柳色新。
- 14. 渭城朝雨浥轻尘,客舍青青柳色新。
- 15. 渭城朝雨浥轻尘,客舍青青柳色新。
- 16. 渭城朝雨浥轻尘,客舍青青柳色新。
- 17. 渭城朝雨浥轻尘,客舍青青柳色新。
- 18. 渭城朝雨浥轻尘,客舍青青柳色新。
- 19. 渭城朝雨浥轻尘,客舍青青柳色新。
- 20. 渭城朝雨浥轻尘,客舍青青柳色新。
- 21. 渭城朝雨浥轻尘,客舍青青柳色新。
- 22. 渭城朝雨浥轻尘,客舍青青柳色新。
- 23. 渭城朝雨浥轻尘,客舍青青柳色新。
- 24. 渭城朝雨浥轻尘,客舍青青柳色新。
- 25. 渭城朝雨浥轻尘,客舍青青柳色新。
- 26. 渭城朝雨浥轻尘,客舍青青柳色新。
- 27. 渭城朝雨浥轻尘,客舍青青柳色新。
- 28. 渭城朝雨浥轻尘,客舍青青柳色新。
- 29. 渭城朝雨浥轻尘,客舍青青柳色新。
- 30. 渭城朝雨浥轻尘,客舍青青柳色新。
- 31. 渭城朝雨浥轻尘,客舍青青柳色新。
- 32. 渭城朝雨浥轻尘,客舍青青柳色新。
- 33. 渭城朝雨浥轻尘,客舍青青柳色新。
- 34. 渭城朝雨浥轻尘,客舍青青柳色新。
- 35. 渭城朝雨浥轻尘,客舍青青柳色新。
- 36. 渭城朝雨浥轻尘,客舍青青柳色新。
- 37. 渭城朝雨浥轻尘,客舍青青柳色新。
- 38. 渭城朝雨浥轻尘,客舍青青柳色新。
- 39. 渭城朝雨浥轻尘,客舍青青柳色新。
- 40. 渭城朝雨浥轻尘,客舍青青柳色新。
- 41. 渭城朝雨浥轻尘,客舍青青柳色新。
自定义按钮
可以自定义返回按钮。
- 2. 渭城朝雨浥轻尘,客舍青青柳色新。
- 3. 渭城朝雨浥轻尘,客舍青青柳色新。
- 4. 渭城朝雨浥轻尘,客舍青青柳色新。
- 5. 渭城朝雨浥轻尘,客舍青青柳色新。
- 6. 渭城朝雨浥轻尘,客舍青青柳色新。
- 7. 渭城朝雨浥轻尘,客舍青青柳色新。
- 8. 渭城朝雨浥轻尘,客舍青青柳色新。
- 9. 渭城朝雨浥轻尘,客舍青青柳色新。
- 10. 渭城朝雨浥轻尘,客舍青青柳色新。
- 11. 渭城朝雨浥轻尘,客舍青青柳色新。
- 12. 渭城朝雨浥轻尘,客舍青青柳色新。
- 13. 渭城朝雨浥轻尘,客舍青青柳色新。
- 14. 渭城朝雨浥轻尘,客舍青青柳色新。
- 15. 渭城朝雨浥轻尘,客舍青青柳色新。
- 16. 渭城朝雨浥轻尘,客舍青青柳色新。
- 17. 渭城朝雨浥轻尘,客舍青青柳色新。
- 18. 渭城朝雨浥轻尘,客舍青青柳色新。
- 19. 渭城朝雨浥轻尘,客舍青青柳色新。
- 20. 渭城朝雨浥轻尘,客舍青青柳色新。
- 21. 渭城朝雨浥轻尘,客舍青青柳色新。
- 22. 渭城朝雨浥轻尘,客舍青青柳色新。
- 23. 渭城朝雨浥轻尘,客舍青青柳色新。
- 24. 渭城朝雨浥轻尘,客舍青青柳色新。
- 25. 渭城朝雨浥轻尘,客舍青青柳色新。
- 26. 渭城朝雨浥轻尘,客舍青青柳色新。
- 27. 渭城朝雨浥轻尘,客舍青青柳色新。
- 28. 渭城朝雨浥轻尘,客舍青青柳色新。
- 29. 渭城朝雨浥轻尘,客舍青青柳色新。
- 30. 渭城朝雨浥轻尘,客舍青青柳色新。
- 31. 渭城朝雨浥轻尘,客舍青青柳色新。
- 32. 渭城朝雨浥轻尘,客舍青青柳色新。
- 33. 渭城朝雨浥轻尘,客舍青青柳色新。
- 34. 渭城朝雨浥轻尘,客舍青青柳色新。
- 35. 渭城朝雨浥轻尘,客舍青青柳色新。
- 36. 渭城朝雨浥轻尘,客舍青青柳色新。
- 37. 渭城朝雨浥轻尘,客舍青青柳色新。
- 38. 渭城朝雨浥轻尘,客舍青青柳色新。
- 39. 渭城朝雨浥轻尘,客舍青青柳色新。
- 40. 渭城朝雨浥轻尘,客舍青青柳色新。
- 41. 渭城朝雨浥轻尘,客舍青青柳色新。
BackTop API
BackTop Attributes
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
visible-height | 显示回到顶部按钮的触发滚动高度 | Number | 200 |
target | 触发滚动的对象 | string | - |
right | 控制其显示位置,距离页面右边距 | Number | 30 |
bottom | 控制其显示位置,距离页面底部距离 | Number | 20 |
BackTop Events
事件名 | 描述 | 参数 |
---|---|---|
click | 点击按钮触发的事件 | Function |
BackTop Slots
参数名 | 描述 |
---|---|
default | 自定义默认内容 |