ngInfiniteScrollAngularJS 無(wú)限滾動(dòng)指令
ngInfiniteScroll 是一個(gè) AngularJS 的擴(kuò)展指令,實(shí)現(xiàn)了網(wǎng)頁(yè)的無(wú)限滾動(dòng)的功能,也就是相當(dāng)于頁(yè)面滾動(dòng)到最底部的時(shí)候自動(dòng)加載更多內(nèi)容。
使用方法:
1. 引入 JS 庫(kù)
<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. 定義要實(shí)現(xiàn)滾動(dòng)的元素
<div infinite-scroll="myPagingFunction()" infinite-scroll-distance="3"></div>
然后實(shí)現(xiàn) myPagingFunction() 函數(shù)即可。
評(píng)論
圖片
表情
