关于el-scrollbar无法滚动的问题,可以按照以下步骤进行排查和解决: 检查el-scrollbar组件是否正确引入并注册: 确保你已经在项目中正确引入了Element UI库,并且已经在Vue组件中正确注册了el-scrollbar。通常,这需要在Vue项目的入口文件(如main.js)中引入Element UI,并在需要使用el-scrollbar的组件中引入相关样式。 ja...
Element UI version 2.4.5 OS/Browsers version windows10/chrome73 Vue version 2.6.10 Reproduction Link https://github.com/Sliect/element-bug-scrollbar Steps to reproduce npm i & npm run serve 将滚动条滑倒底部,缩放浏览器 放大 el-scrollbar 元素的高度会导致滑
如果使用 Element UI 的 el-scrollbar 组件时,滚动条没有显示出来但页面可以滚动,可以尝试调用其 update 方法来更新滚动条。 在适当的时机(例如在数据加载完成后或组件更新后),调用 el-scrollbar 的 update 方法可以重新计算滚动条的位置和尺寸,从而实现正确的显示。可以通过以下方式来调用 update 方法: <el-scroll...
因为默认滚动条特别丑又会默认加padding-left占据页面空间,对页面UI效果体验不是太好,所以在使用elememt-ui时我们通常使用el-scrollbar组件去优化滚动条,而el-scrollbar这个组件官方并没有明确说明,所以对其中的一些属性很陌生,本文主要介绍如何使用el-scrollbar对滚动事件进行监听,达到导航吸顶效果。 图示 刚加载完页...
Bug Type: Component Environment Vue Version: 3.4.21 Element Plus Version: 2.6.3 Browser / OS: Chrome 122.0.6261.95 Build Tool: Vite Reproduction Related Component el-scrollbar Reproduction Link Element Plus Playground Steps to reproduce ...
el-scrollbar不出现横向滚动条,要触发resize才会出现,有bug,需要自己修复 使用 import tagsView from './TagsView'<tag...
一、事件 1.1 scroll 事件 当el-scrollbar 滚动时,会触发 scroll 事件。我们可以通过监听该事件来进行一些操作,比如在滚动时触发特定的效果或加载更多数据。 下面是一个简单的示例: ```html <el-scrollbar scroll="handleScroll"> <!-- 内容 --> </el-scrollbar> ``` ```javascript methods: { handleScr...
el-scrollbar怎么做滚动事件 lady 36821630 发布于 2018-06-28 用浏览器自己的滚动条可以实现this.$nextTick(() => { var div = document.getElementById('message-container') div.scrollTop = div.scrollHeight }) 但是用了el-scrollbar滚动不了,没效果...
官方文档描述,可以使用scroll-container指定监听scroll事件的容器,值类型为string / HTMLElement,然后就没有了,感觉描述的太简单了,也没有示例代码。HTMLElement类型倒能理解是什么意思,但是string类型没有琢磨出来。那就给指定一个HTMLElement吧。 HTMLElement指的是DOM对象,也就是说可以给scroll-container指定一个overflo...
<el-scrollbar style="height:100%" ref="elscrollbar">var div = this.$refs['elscrollbar'].$refs['wrap']; this.$nextTick(() => { div.scrollTop = div.scrollHeight }) ...