ElementUI之el-scrollbar+el-backtop+el-timeline实现时间轴触底刷新和一键返回页面顶部。背景：ElementUI的版本（vue.global.js=3.2.36，index.css=2.4.4，index.full.js=2.4.4）废话不多说，先看动图效果↓↓↓然后直接上代码。（注意代码中有注释的地方，是容易出错的关键地方。）TestWebPage.el-

1.如下图所示在dialog中增加class（如果没有的话）myDialog，然后新增el-backtop组件，其属性target命中myDialog即可实现弹窗回到顶部功能image.png2.结果页面如下图所示

2023.8.26今天我学习了如何使用el-backtop组件进行返回页面顶部的效果，效果如：

官网示例:UP注意：target属性是为了获取产生滚动条的dom元素，所以target属性里面的类，应该要精准指向产生滚动条的dom对象，要不然就无法生效，参考el-backtop组件源码：importthrottlefrom'throttle-debounce

其实就是一个返回上一页或者返回到顶部的按钮效果图:方案一:css实现主要是利用css画三角实现html代码css代码.el-backtop:hover{background-color:rgb(240,240,240

Scrolldowntoseethebottom-rightbutton.UP三、el-backtop组件源码importthrottlefrom'throttle-debounce/throttle'

第一步，在官网的主题页面，修改背景色、字体颜色及边框颜色第二步，下载主题第三步，用下载的css文件替换掉默认的css文件效果如下：el-backtop回到顶部组件有时候页面很长，我们需要一个回到顶部的按钮

先上代码1.这里el-main高度不变，div随着内容增加，高度会增加，所以el-backtop就要跟div同级2.el-backtop的target和el-main的class要保持同名，target

Scrolldowntoseethebottom-rightbutton.自定义显示内容Scrolldowntoseethebottom-rightbutton.UPAttributesEvents关于element-uiel-backtop返回顶部组件无效问题el-backtop

el-backtop组件使用...

官网代码不起作用还会报错改为

插入官网上的代码发现不起作用还会报错更改为以下代码即可

注意必须在一个div内写el-backtop，其次这个div要有个类选择器，el-backtop的target写这个div的类选择器的名字，这个div的类选择器的样式必须有这俩个不要修改大功告成！！！

参考：1，https://blog.csdn.net/weixin_42598901/article/details/996741452，https://www.cnblogs.com/rogerwu/p/9543563.html3，https://blog.csdn.net/qq_36070288/article/details/847651394，https://www.cnblogs.com

关于element-uiel-backtop返回顶部组件无效问题el-backtop绑定的盒子，需要一个滚动样式：overflow-y:scroll;//绑定app盒子exportdefault{name

Scrolldowntoseethebottom-rightbutton.把target指向你要产生“回到顶部”按钮的组件，这个组件一定要是产生滚动条的组件！这个组件一定要是产生滚动条的组件！这个组件一定要是产生滚动条的组件！举个栗子，App.vue中的栗子顶部底部exportdefault{};html,body,#app{height:100%;}这样是不会产生按钮的，因为wrapper-co