Jqk

在逐梦的路上,总会有人的梦想枯萎,只有提升自我才可以涅槃重生

0%

h5列表页面回到顶部+分页

用法:

  1. 引入此插件前请先引入zepto.min.js 或 jquery.js
1
<script type="text/javascript" src="zepto.min.js"></script>

2.使用插件

1
2
3
4
5
6
7
8
9
10
11
12
var page_instance = $('#your-gotop-dom-id').pageination({
// 是否一直显示
always: false,
// 分页开始时的高度,达到高度时才显示分页,如果always未true,则一直显示
startPos: 300,
// 步进高度,每滚动这个高度当前页码加减 1
stepHeight: 700,
// 总页数,必传
total: 5
// 分页图标变成回到顶部图标的时间,当前页为第一页时,回到顶部图标从显示到消失时间
time: 1000
});
  • page_instance 实例,对象,包含你传的参数,作用的dom对象以及两个函数:
  • updateTotal:变更总页码
  • updateCul:变更当前页码
-------------本文结束感谢您的阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!