AngularJS 無限滾動指令：ngInfiniteScroll

fpcm 9年前發布 | 86K 次閱讀 Web框架 ngInfiniteScroll angularjs

ngInfiniteScroll 是一個 AngularJS 的擴展指令，實現了網頁的無限滾動的功能，也就是相當于頁面滾動到最底部的時候自動加載更多內容。

使用方法：

1. 引入 JS 庫 

<script type='text/javascript' src='path/to/jquery.min.js'></script>
<script type='text/javascript' src='path/to/angular.min.js'></script>
<script type='text/javascript' src='path/to/ng-infinite-scroll.min.js'></script>

2. 加載模塊 

angular.module('myApplication', ['infinite-scroll']);

3. 定義要實現滾動的元素 

<div infinite-scroll="myPagingFunction()" infinite-scroll-distance="3"></div>

然后實現 myPagingFunction() 函數即可。

項目主頁：http://www.baiduhome.net/lib/view/home/1430535929677

 本文由用戶 fpcm 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！