兽人竞技场,今日,合唱曲谱
在vue中实现滚动监听和原生js无太大差异,下面是一个简单的demo,可在控制台查看结果
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>document</title> <script type="text/javascript" src="https://unpkg.com/vue@2.2.6/dist/vue.js"></script> <style type="text/css"> #box { width: 100%; height: 2000px; } </style> </head> <div id="box"></div> <body> <!-- vue监听滚动事件 --> <script type="text/javascript"> var vm = new vue({ el:'#box', data() { return { scroll: '' } }, methods: { menu() { this.scroll = document.body.scrolltop; console.log(this.scroll) } }, mounted() { window.addeventlistener('scroll', this.menu) }, }) </script> </body> </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持移动技术网!
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论