elementplus el-scrollbar
时间: 2023-10-01 11:09:34 浏览: 93
Vue的el-scrollbar实现自定义滚动
Element Plus的el-scrollbar是一个滚动条组件,它可以在页面中创建自定义的滚动条。在使用AOS动画库时,有用户遇到了在el-scrollbar中无法使用AOS的问题。根据用户的描述和给出的代码,我们可以看到在el-scrollbar组件中,监听的是自身的scroll事件(@scroll="scrollProxy"),而AOS动画库是针对原生滚动的,使用的是window.pageYOffset属性来获取滚动位置。因此,在el-scrollbar中使用AOS动画库需要通过修改offset和refresh的方法来实现滚动动画效果。具体做法是在el-scrollbar的scroll事件中调用scrollProxy方法,将scrollParams.scrollTop赋值给window.pageYOffset和window.scrollY,然后调用AOS.refresh()来刷新动画效果。这样就可以在el-scrollbar中实现AOS的滚动动画库了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [在element-plus 的 el-scrollbar中使用AOS.js的方法](https://blog.csdn.net/m0_49245194/article/details/122901171)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文