0
A
回答
0
它與任何指令無關。 當用戶點擊窗口/容器底部時,您需要監聽滾動事件和Ajax附加項目。
-1
所有jquery組件都可以通過Vue指令集成。但是如果你想讓人們幫忙,你應該提供一個jsfiddle例子。
0
基於我使用了一些教程代碼,下面演示瞭如何在Vue.js組件添加偵聽scroll事件,並做一些事情,如果用戶滾動到窗口底部的方法。
注意,這樣做window.addEventListener
時,必須使用window.removeEventListener
將其刪除。
也許這可以幫助您開始。
created: function() {
window.addEventListener('scroll', this.handleScroll)
},
destroyed: function() {
window.removeEventListener('scroll', this.handleScroll)
},
methods: {
handleScroll: function() {
this.scrollPos = document.body.scrollHeight - window.innerHeight - document.body.scrollTop;
if (document.body.scrollHeight - window.innerHeight - document.body.scrollTop == 0) {
// load more data here...
}
}
}
相關問題
- 1. 無限滾動
- 2. CellList無限滾動
- 3. Laravel無限滾動
- 4. 無限滾動QListWidget
- 5. React無限滾動
- 6. UIScrollView無限滾動
- 7. WP_Query +無限滾動
- 8. UIScrollView無限滾動?
- 9. RelayJS無限滾動
- 10. 無限滾動條閃動
- 11. 無限滾動滾動條位置跳
- 12. Vue.js with vue material;滾動
- 13. 無限滾動和回調
- 14. Bing-like無限滾動
- 15. Elm中的無限滾動
- 16. 無限水平滾動UIScrollView
- 17. 無限滾動交替
- 18. Swift:Xcode tableView無限期滾動
- 19. HTML5 + jQuery +無限滾動
- 20. 設置無限滾動
- 21. AngularJS無限滾動問題
- 22. Javascript - 無限滾動錯誤?
- 23. jQuery無限滾動和Gridview
- 24. 無限滾動問題
- 25. nextSelector無限滾動更新
- 26. iPhone:無限滾動圖像
- 27. jQuery無限循環滾動
- 28. Tumblr /燈箱/無限滾動
- 29. onScroll實現無限滾動
- 30. jqgrid無限滾動頁面