vue滚动条监听，定位，回到顶部

在template标签下，定义一个div标签:<div class='className'></div>

定义div的样式，撑起滚动条:

.className {

height: 100%;

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

overflow: auto;

}

现在已经有了滚动条，在上面已经撑起滚动条的情况下，监听滚动条我这里选择两种方式，个人比较推荐第二种方式：

第一种使用id监听方法：

将div标签改写成:<div class='className' id='yourId'></div>

在mounted函数中：document.getElementById('yourId').addEventListener('scroll', this.handleScroll);

这里你也可以使用window.addEventListener('scroll', this.handleScroll, true);监听。

在methods中:handleScroll() {

console.log(document.getElementById('yourId').scrollTop);

console.log(document.getElementById('yourId').scrollHeight);

}

现在滚动鼠标就会打印出滚动条位置了，

如果想要设置滚动条的位置，直接使用docum