this.$refs.ulScroll1.scrollLeft=15 //距离左  横滚动条
this.$refs.ulScroll1.scrolltop=15 //距离右  竖滚动条
这里会出现一个问题是 我们的数据是动态获取的
 这里设置了 滚动条 会没有任何变化
 那是因为 数据会没有渲染出来 滚动条还未出现
 
解决的办法就是 在请求完数据后 做一个定时器 延迟一下 滚动条的设置 100毫秒就可以 时间太长的话页面的效果会不太友好
                                    这个需求大概是这样子：我做的一个聊天Demo，在搜索框搜索用户，可以滚动到指定的用户。然后成选中状态。这是目前状态，我搜索南宫仆射 ，想要下面的用户列表直接滚动到南宫仆射并改变CSS样式。查询之后是这个子：嗯，我的思路：在搜索框搜索到用户之后会返回一个用户对象，之后会调用列表的点击事件，改变CSS样式及做一些聊天的逻辑。然后需要获取到列表对应的id值，直接使用 document.getElemen...
1、经过代码测试，在vue里面给el-table 添加ref来获取元素dom，然后给refs设置scrollTo(left,top)无效；
2、添加自定义指令可以获取和设置元素属性和方法，给class为el-table__body-wrapper的元素绑定滚动事...
                                    Vue - 动态改变元素容器（非页面body）滚动条位置（设置指定子元素div的滚动条位置），解决Vue页面固定滚动位置，根据ref来获取元素or组件的滚动条位置，如何设置div滚动条的位置，怎么动态设置滚动器元素容器非页面滚动条的指定位置，vue 动态改变指定元素滚动条的位置，vue页面使用 keep-alive 缓存后，点击进入详情页后返回时发现滚动条位置回到了顶部怎么办，Vue - 页面缓存（keep-alive）后滚动条回到了顶部，不在原来的位置了（从详情页返回列表时发现滚动条位置回到了最顶部，并没
                                    vue 设置滚动条的位置
场景：聊天的时候，消息会一条条的发送，但是呢，获取最新的数据只能手动滚动滚动条，那这个时候就想到微信聊天的时候，永远可以看到最后一条消息。
思路：获取div的高度（因为里面是动态的数据）
然后，讲滚动条滚动到指定位置
代码如下：
var div = document.getElementById('data-list-content')
div.scrollTop = div.scrollHeight
// 如果还是不好用的话，就nextTick一下
this.$nextTic
<template>
	<el-tooltip class="item" effect="dark" content="图表" placement="right">
	  <el-button type="primary" size="mini" @click="handleToChart" plain>
	    <svg-icon icon-class="icon-chart" class="icon