Web前端篇——ElementUI之el-scrollbar + el-backtop + el-timeline实现时间轴触底刷新和一键返回页面顶部

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)

废话不多说,先看动图效果↓↓↓

Web前端篇——ElementUI之el-scrollbar + el-backtop + el-timeline实现时间轴触底刷新和一键返回页面顶部_第1张图片

然后直接上代码。(注意代码中有注释的地方,是容易出错的关键地方。)


  
    
    
    
    
    
    
    Test Web Page
    
  
  
    
UP

Test Message

{{ activity.content }}

{{ activity.timestamp }}

为避免篇幅过长,更多细节的处理、集成分页功能等就不在此展示了,完全可自行实现。

你可能感兴趣的:(Web前端篇,前端,elementui,javascript)