elementUI中的Backtop回到顶部

基础用法

滑动页面即可看到右下方的按钮。

自定义显示内容

显示区域被固定为 40px * 40px 的区域, 其中的内容可支持自定义。

三、el-backtop组件源码

组件的几个参数：

visibility-height:滚动高度达到此参数值才出现，默认200，是number类型（使用如:visibility-height="100"）

target：触发滚动的对象，是String类型，你可以不传

right：控制其显示位置, 距离页面右边距，默认40，是number类型，数值越大，离右边越远。

bottom：控制其显示位置, 距离页面底部距离。默认40，是number类型，你可以调整他的值，越大离底部越远。

四、思路

当你看完backtop的组件源码后，你是否会有所领悟呢？他的组件参数都有默认值，这意思就是，我们可以什么都不传，调用这个组件即可使用。

是的，你没看错，把上面那段代码Copy到你的代码中，即可使用。记得把代码放在最外层的div里的第一个，不要放在尾部。

 

原文链接：https://blog.csdn.net/qq348843576/article/details/103261602