鍍金池/ 問答/HTML5  HTML/ vue如何實(shí)現(xiàn)監(jiān)聽元素滾動事件

vue如何實(shí)現(xiàn)監(jiān)聽元素滾動事件

如果是jq,直接addeventlisten監(jiān)聽滾動事件即可,但是vue中我用@scroll來監(jiān)聽我的滾動并沒有效果,應(yīng)該如何才能獲取我想要的元素的滾動,并且附帶返回x,y值

是我鉆牛角尖了,其實(shí)用@mouse事件去寫一套流程就很簡單了,但是用@scroll還是寫不出來,希望以后有更好的解決方法吧

回答
編輯回答
耍太極

@scroll.native

2017年5月20日 16:30
編輯回答
孤客

你要滾動的元素要高度才可以,還有出現(xiàn)滾動條才會觸發(fā)你的滾動事件,
`
.left{

height: 300px;
overflow: hidden;

}

imgScroll(e){
            console.log(e);
        }

還有就是你調(diào)用事件的時候不要寫 () 應(yīng)該換成這個事件 @mousewheel="imgScroll"
`
比如這樣寫

2018年1月11日 10:06
編輯回答
陌璃

在 mounted 里面同樣用 window.addEventListener 綁定:

mounted(){
    window.addEventListener('scroll',this.handleScroll)
},
methods:{
    handleScroll(e){
        console.log(e)
    }
}
2017年4月2日 16:28
編輯回答
墨染殤
<ul class="test_paper" id="testPaper" @scroll="paperScroll()">
2017年3月1日 08:03