我知道如何在純JS中滾動時檢測文檔結束,我的問題是 - 如何在AngularJS中實現該功能,我知道我應該將滾動事件附加到兩個$window和$document,我的問題是關於在哪裏實施行爲?,指令?,服務?,如果任何人都可以告訴我什麼是正確的方式來實現在AngularJS kind of detection我會非常感謝。在Angular JS中檢測滾動到文檔結束的實現
回答
根據你在做什麼,它可以在地方的組合。通常,使用DOM操作打交道時(這是我認爲會發生),你應該用一個指令 - 是這樣的:
app.directive("scrollDetector", ["$document", "$window", function($document, $window) {
return {
restrict: "A",
link: function(scope, elem, attrs) {
angular.element($window).bind("scroll", function() {
//scroll logic here
});
}
}
}]);
,然後實現scroll-detector
指令。 (例如:<div scroll-detector></div>
)
謝謝,現在我知道如何。 – 2014-10-07 18:20:37
經過長時間的苦苦掙扎後,偶然發現圖書館:http://binarymuse.github.io/ngInfiniteScroll/documentation.html。
根據您的使用情況,你可以這樣做:
<div infinite-scroll="addMoreItems()">
<div ng-repeat="item in items">Item number {{$index}}: {{$item}}</div>
</div>
因爲它可以讓你這個連接到任何div-你幾乎可以做你想要的任何功能。
謝謝,我會看看。 – 2015-09-29 08:02:19
更新後的鏈接:http://sroze.github.io/ngInfiniteScroll/documentation.html – yarl 2016-10-22 00:47:12
- 1. 在滾動檢測一個PinchGesture結束
- 2. 檢測滾動結束在Xamarin.Forms.Scrollview
- 3. 檢測程序化UIScrollView滾動結束
- 4. jquery滑塊檢測滾動結束?
- 5. 如何檢測HorizontalListView滾動結束
- 6. 檢測滾動完成/結束
- 7. Android:如何檢測滾動結束
- 8. 滾動以結束網格UI-Grid Angular js
- 9. 在React Native ScrollView中檢測滾動結束,管理頁面
- 10. 檢測「結束減速」在編程移動滾動視圖
- 11. Ember JS中的滾動檢測?
- 12. 無法檢測到動畫結束
- 13. 滾動到後臺結束
- 14. 有沒有辦法檢測滾動開始和結束在TreeView?
- 15. ESPER中的文件檢測結束
- 16. Android ScrollView檢測結束/完成滾動動畫
- 17. 如何檢測滾動列表框的結束?
- 18. 如何通過JavaScript檢測指定元素的滾動結束?
- 19. Android ScrollView:如何檢測滾動視圖的開始和結束
- 20. 如何檢測自定義滾動視圖的結束?
- 21. 檢測iFrame內的滾動條JS
- 22. 在WP7中使用Silverlight中的ScrollViewer控件檢測滾動結束
- 23. 如何在iOS中結束拖動事件之前檢測滾動更新?
- 24. Angular JS錯誤:未檢測到模塊
- 25. 動態ListView Android(自動檢測結束)
- 26. WPF ListBox滾動到自動結束
- 27. 檢測滾動 - 滾動到div
- 28. Angular JS中的驗證碼實現
- 29. Angular js中的重置按鈕實現
- 30. 如何檢測ResponsiveVoice JS中的結束語
你應該去看看這個模塊的源代碼。 http://binarymuse.github.io/ngInfiniteScroll/。它在滾動檢測方面做了很多工作。 – 2014-10-07 18:07:37
@GordonBockus感謝您的鏈接。 – 2014-10-07 18:19:54