如何通过ref来控制滚动条滚动的距离
** 在vue里通过ref来获取dom,并且通过点击来控制滚动条滚动距离。这里要注意直接用 $refs 是没有效果的 如下 **
let _this = this;
_this.$refs.menu.scrollLeft = '300';
复制代码
** 通过ref 获取的DOM 是vue 的虚拟dom,想要操作真实DOM需要加上 $el**
let _this = this;
_this.$refs.menu.$el.scrollLeft = '300';
复制代码
温馨提示
隐藏滚动条的css伪类 scss写法 less 通用
.el-menl{
width: 500px;
&::-webkit-scrollbar{
display: none;
}
}
复制代码