最近在做一个手机端的失物招领系统，用到了JPages这个分页插件。 先简单介绍一下JPages： jPages是一个客户端分页插件，它比其他大多数插件多了很多功能，比如自动翻页，滚动浏览，显示延迟，
最近在做一个手机端的失物招领系统，用到了JPages这个分页插件。
先简单介绍一下JPages：jPages是一个客户端分页插件，它比其他大多数插件多了很多功能，比如自动翻页，滚动浏览，显示延迟，完全可定制的导航面板也集成项目与Animate.css和延迟加载。
兼容所有的浏览器
分页的基本功能都很容易实现，只需要几行代码就行。 [html] <head> <link rel="stylesheet" href="css/jPages.css"> <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="js/jPages.js"></script> </head> [/html] [html] <body> <!-- 导航栏 --> <div class="holder"></div> <!-- 内容容器 (不一定要是ul标签)--> <ul id="itemContainer"> <!-- 需要分页的内容 --> <li>...</li> <li>...</li> <li>...</li> <li>...</li> <li>...</li> ... </ul> </body> [/html] 启动插件： [javascript] $(function(){ $("div.holder").jPages({ containerID : "itemContainer" }); }); [/javascript] 效果如图：
按照正常的用户体验，页码导航应该是放在当前页面的最低端，这样用户浏览完本页之后可以直接点击下一页，但是使用过程中发现，点击下一页之后页面的默认位置是停留在第二页的最底部，需要用户自己滚动到最顶端进行浏览，这样的设置确实挺糟糕。
