Vue 通过ref 控制滚动距离

如何通过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;
    }
}
复制代码

转载于:https://juejin.im/post/5c413c8851882524f2303452

你可能感兴趣的:(Vue 通过ref 控制滚动距离)