Element UI没有直接提供触发滚动事件的API,但你可以通过修改滚动容器的scrollTop属性来间接触发滚动。 3. 设置滚动目标位置为el-scrollbar底部 要将el-scrollbar滚动到底部,你需要首先确定滚动容器(通常是el-scrollbar内部的一个元素)的总高度,然后将其scrollTop属性设置为这个高度减去滚动容器可视部分的高度。但更简单...
console.log('滚动了'); // 其他操作 } } ``` 1.2 reach-bottom 事件 当el-scrollbar 滚动到底部时,会触发 reach-bottom 事件。这个事件通常用于实现下拉加载更多数据的功能。 示例代码如下: ```html <el-scrollbar reach-bottom="loadMoreData"> <!-- 内容 --> </el-scrollbar> ``` ```javascript...
冉冉说 你不要直接这样给scrollTop赋值,用方法去滚动window.scrollTo(x坐标,Y坐标)window.scrollTo(0, div.scrollHeight)应该是像楼下说的,你的图片没加载完就计算高度了,高度计算不正确导致的。你给图片加个onload事件,加载完后再重新调用一下那个移动到底部的方法。 0 0 0 没找到需要的内容?换个关键...
放大el-scrollbar 元素的高度会导致滑块无法滚动到底部 缩小el-scrollbar 元素的高度会导致滑块滑倒底部时部分不可见 Member element-bot commented Jun 3, 2019 Translation of this issue: Element UI version 2.4.5 OS/Browsers version Windows 10/chrome73 Vue version 2.6.10 Reproduction Link Https://github...
el-scrollbar组件可以在容器内部创建可滚动区域,并提供了丰富的操作方法和事件。 2.2 scrollto方法详解 scrollto方法是el-scrollbar组件中的一个重要方法,它用于实现滚动区域内容的定位和跳转。该方法可以接收一个对象作为参数,包含要滚动到的位置信息。 使用scrollto方法之前,需要先获取el-scrollbar实例并进行初始化...
- :height:滚动条高度 - @scroll-end:滚动到底部事件 四、el-scrollbar 的事件 el-scrollbar 组件还提供了一些事件,如: - scroll-end:滚动到底部事件 五、el-scrollbar 的实例 以下是一个 el-scrollbar 的完整实例: ```html <template> <el-scrollbar :data="tableData" :height="500" @scroll-end...
你不要直接这样给scrollTop赋值,用方法去滚动window.scrollTo(x坐标,Y坐标) window.scrollTo(0, div.scrollHeight) 应该是像楼下说的,你的图片没加载完就计算高度了,高度计算不正确导致的。你给图片加个onload事件,加载完后再重新调用一下那个移动到底部的方法。 有用2 回复 cccrrr: 还是不可以,我在对话框...
element-el-elScrollbar滚动到底部 看官网代码: 外面是滚动条,里面是内容 官网是这么调用的,那个方法和参数都是可以用的。 我自己写的:
你不要直接这样给scrollTop赋值,用方法去滚动window.scrollTo(x坐标,Y坐标) window.scrollTo(0, div.scrollHeight) 应该是像楼下说的,你的图片没加载完就计算高度了,高度计算不正确导致的。你给图片加个onload事件,加载完后再重新调用一下那个移动到底部的方法。 有用2 回复 cccrrr: 还是不可以,我在对话框...
vue使用el-scrollbar无法滚动到对话框底部 cccrrr 21754154 发布于 2018-09-03 更新于 2018-09-03 如题,具体是这样赋值:var div = self.$refs['dialog-wrap'].$refs['wrap']; this.$nextTick(() => { div.scrollTop = div.scrollHeight console.log('scrollHeight', div.scrollHeight) console.log...