console.log('滚动了'); // 其他操作 } } ``` 1.2 reach-bottom 事件 当el-scrollbar 滚动到底部时,会触发 reach-bottom 事件。这个事件通常用于实现下拉加载更多数据的功能。 示例代码如下: ```html <el-scrollbar reach-bottom="loadMoreData"> <!-- 内容 --> </el-scrollbar> ``` ```javascript...
写个事件来监听该组件的滚动事件 handleScroll() { let scrollbarEl = this.$refs.scrollbar.wrap; scrollbarEl.onscroll = () => { if (scrollbarEl.scrollTop == 0) { console.log("滚动到顶部了"); } }; } this.$refs.scrollbar.wrap.scrollTop 为滚动条位置 this.$refs.scrollbar.wrap.scroll...
element-ui滚动条el-scrollbar置底 在需要滚动的地方加上 <el-scrollbarref="myScrollbar"></el-scrollbar> AI代码助手复制代码 方法 scrollDown() {this.$refs['myScrollbar'].wrap.scrollTop=this.$refs['myScrollbar'].wrap.scrollHeight} AI代码助手复制代码 不能在接收数据时调用,需要在页面渲染结束时...
// 变量scrollHeight是滚动条的总高度 let scrollHeight = document.getElementById('selected-content').scrollHeight; // 滚动条到底部的条件 if (that.scrollTop + divHeight === scrollHeight) { console.log('到底部啦!!!'); // 若总数除以每页的数量大于当前页码的,说明数据还没加载完,继续向后台加载...
<el-scrollbar ref="myScrollbar" style="height: 600px"></el-scrollbar> 1. scrollDown() { this.$refs['myScrollbar'].wrap.scrollTop = this.$refs['myScrollbar'].wrap.scrollHeight } 1. 2. 3. 参考: element-ui滚动条el-scrollbar置底...
element-el-elScrollbar滚动到底部 看官网代码: 外面是滚动条,里面是内容 官网是这么调用的,那个方法和参数都是可以用的。 我自己写的:
Element Plus是一套基于Vue.js的桌面端组件库,el-scrollbar是其中一个提供滚动功能的组件。el-scrollbar组件可以在容器内部创建可滚动区域,并提供了丰富的操作方法和事件。 2.2 scrollto方法详解 scrollto方法是el-scrollbar组件中的一个重要方法,它用于实现滚动区域内容的定位和跳转。该方法可以接收一个对象作为参数,...
在翻看element-ui官网的文档时,发现其左侧导航和右边的内容超出屏幕时,滚动条的样式比较小巧,通过浏览器审查工具查看,发现它是使用了el-scrollbar的样式,跟element-ui的组件样式命名一致。但文档中并没有关于这个 scrollbar组件的使用文档,搜索一番得知这是一个隐藏组件,官方在 github 的 issues 中表示不会写在文档...
element的隐藏组件滚动条el-scrollbar使⽤elementui中有个隐藏的组件，就是element官⽹使⽤的滚动条，tree 左右滑动滚动条 ①⾸先全局引⼊element，import ElementUI from 'element-ui';import ElementUI from 'element-ui'Vue.use(ElementUI)②页⾯代码如下 1<template> 2 3<el-scrollbar class="tree...
获取el-scrollbar 内滚动条向下滚动的距离 this.$refs.scrollMenuRef.wrap.scrollTop 控制el-scrollbar 内滚动条滚动到指定位置 比如,向下滚动 100px this.$refs.scrollMenuRef.wrap.scrollTop el-scrollbar 内内容的高度 this.$refs.scrollMenuRef.wrap.scrollHeight ...