Vue-cli 鼠标监听事件之滚动条

时间：2019-10-09 12:30:23 阅读：441 评论：0 收藏：0 [点我收藏+]

</div>

</template>

export default {

name: ‘scroll‘,

methods:{

checkDivScroolTop(){

//获取节点

var scrollDiv = document.getElementById(‘scrollDiv‘);

//绑定事件

scrollDiv.addEventListener(‘scroll‘, function() {

console.log(scrollDiv.scrollTop);

});

}

mounted(){

this.checkDivScroolTop();

}

</script>

.scroll-div-outer{

position:fixed;

height: 100%;

width: 100%;

border: 1px solid #ccc;

overflow: auto;

}

.scroll-div-inner{

height: 200%;

width: 200%;

border: 1px solid #ccc;

}

</style>

原文地址：https://www.cnblogs.com/JamyWong/p/11640708.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行