vue中判斷 滑鼠滾輪事件 / 方向 / 向上或向下
阿新 • • 發佈:2018-12-12
html
<div id="head">
</div>
js中
<script> export default { data(){ return{ i = 0 } }, mounted () { window.addEventListener('scroll', this.handleScroll, true); // 監聽(繫結)滾輪 滾動事件 }, methods:{ handleScroll(){ // 頁面滾動距頂部距離 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop var scroll = scrollTop - this.i; this.i = scrollTop; if(scroll<0){ console.log('up') }else{ console.log('down') } }, } </script>
使用頁面滾動距離頂部的距離來判斷滾輪向上或向下