开发者社区> 沉默术士> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

ngInfiniteScroll —— AngularJS 的无限滚动

简介:
+关注继续查看

ngInfiniteScroll 是一个 AngularJS 的扩展指令,实现了网页的无限滚动的功能,也就是相当于页面滚动到最底部的时候自动加载更多内容。


<a href=https://yqfile.alicdn.com/8d323afd5b12a4d13a2abe16173f576fc046686a.png
" >

使用方法:

  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>
  1. 加载模块
angular.module('myApplication', ['infinite-scroll']);
  1. 定义要实现滚动的元素
<div infinite-scroll="myPagingFunction()" infinite-scroll-distance="3"></div>

然后实现 myPagingFunction() 函数即可。

文章转载自 开源中国社区 [http://www.oschina.net]

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
css:scroll-behavior:smooth让页面平滑滚动
css:scroll-behavior:smooth让页面平滑滚动
12 0
css:自定义浏览器中滚动条scroll的样式
css:自定义浏览器中滚动条scroll的样式
24 0
css:scroll-behavior:smooth让页面平滑滚动
css:scroll-behavior:smooth让页面平滑滚动
158 0
Class 4 使用PolarDB和ECS搭建门户网站
Class 4 使用PolarDB和ECS搭建门户网站
432 0
Class 4 PolarDB+ECS搭建门户网站
PolarDB是阿里云自研的下一代关系型云数据库,有三个独立的引擎,可以100%兼容MySQL、100%兼容PostgreSQL、高度兼容Oracle语法,存储容量最高可达100TB,单库最多可扩展到16个节点,适用于多样化的数据库应用场景。本实验将基于PolarDB和ECS实现搭建门户网站。
288 0
训练营第4天:使用PolarDB和ECS搭建门户网站
PolarDB数据库简介 是阿里云自研的下一代关系型云数据库,有三个独立的引擎,分别可以100%兼容MySQL、100%兼容PostgreSQL、高度兼容Oracle语法,存储容量最高可达100TB,单库最多可扩展到16个节点,适用于企业多样化的数据库应用场景。 PolarDB采用存储和计算分离的架构,所有计算节点共享一份数据,提供分钟级的配置升降级、秒级的故障恢复、全局数据一致性和免费的数据备份容灾服务。PolarDB既融合了商业数据库稳定可靠、高性能、可扩展的特征,又具有开源云数据库简单开放、自我迭代的优势,例如PolarDB MySQL性能最高可以提升至MySQL的6倍,而成本只有商
451 0
AngularJS的开发工具---yeoman 简易安装
版权声明:本文为半吊子子全栈工匠(wireless_com,同公众号)原创文章,未经允许不得转载。
679 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Angular从零到一
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载