el-scrollbar暂停滚动
时间: 2023-09-07 11:18:22 浏览: 133
Vue的el-scrollbar实现自定义滚动
要实现el-scrollbar的暂停滚动,你可以使用vue-seamless-scroll提供的API来实现。根据引用中提到的使用方法,你可以在需要暂停滚动的地方调用该组件的`pause`方法来停止滚动,然后在需要恢复滚动的地方调用`resume`方法来继续滚动。具体的代码示例如下:
在全局注册的情况下,在需要暂停滚动的地方调用`this.$scroll.pause()`来停止滚动,然后在需要恢复滚动的地方调用`this.$scroll.resume()`来继续滚动。
在局部注册的情况下,可以先在`data`中声明一个变量,如`isScrollPaused`,初始值为`false`。然后在需要暂停滚动的地方将`isScrollPaused`设置为`true`,并将`pause`绑定到`vue-seamless-scroll`组件上,如`<vueSeamlessScroll :pause="isScrollPaused">`。最后,在需要恢复滚动的地方将`isScrollPaused`设置为`false`。
这样就可以通过控制`pause`属性的值来暂停或恢复el-scrollbar的滚动了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue的el-scrollbar实现自定义滚动](https://download.csdn.net/download/weixin_38609571/12868545)[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: 50%"]
- *2* *3* [使用vue-seamless-scroll实现el-table轮播](https://blog.csdn.net/pickinguptrash/article/details/129008419)[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: 50%"]
[ .reference_list ]
阅读全文