怎么用js来实现页面的分页，有案列代码吗？请给个代码看看，谢谢
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用js来实现页面的分页，有案列代码吗？请给个代码看看，谢谢相关的知识，希望对你有一定的参考价值。
怎么用js来实现页面的分页，有案列代码吗？请给个代码看看，谢谢
参考技术A 分屏加载吧 滑到哪加载哪从网页头引入两个js文件，注意必须先放jquery的
[javascript] view plaincopy
<script src="css/infinite-scroll/jquery-1.6.4.js"></script>
<script src="css/infinite-scroll/jquery.infinitescroll.js"></script>
2.之后在网页头自己写一个js脚本
[javascript] view plaincopy
<script>
$(document).ready(function ()
$("#container").infinitescroll(
navSelector: "#navigation", //页面分页元素--本页的导航，意思就是一个可以触发ajax函数的模块
nextSelector: "#navigation a", //下一页的导航
itemSelector: ".scroll " , //此处我用了类选择器，选择的是你要加载的那一个块（每次载入的数据放的地方）
animate: true, //加载时候时候需要动画，默认是false
maxPage: 3, //最大的页数，也就是滚动多少次停。这个页码必须得要你从数据库里面拿
);
);
</script>
3.或许你看到这里还是不太清楚网页怎么定义，这里给出我的demo，希望可以有帮助
[html] view plaincopy
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无限翻页效果</title>
<script src="css/infinite-scroll/jquery-1.6.4.js"></script>
<script src="css/infinite-scroll/jquery.infinitescroll.js"></script>
<script src="css/infinite-scroll/test/debug.js"></script>
<script>
$(document).ready(function () //别忘了加这句，除非你没学Jquery
$("#container").infinitescroll(
navSelector: "#navigation", //页面分页元素--成功后自动隐藏
nextSelector: "#navigation a",
itemSelector: ".scroll " ,
animate: true,
maxPage: 3,
);
);
</script>
</head>
<body>
<div id="container"> <!-- 容器 -->
<div class="scroll"> <!-- 每次要加载数据的数据块-->
第一页内容第一页内容<br>
第一页内容<br>第一页内容<br>第一页内容<br>
第一页内容<br>第一页内容<br>第一页内容<br>
第一页内容<br>第一页内容<br>第一页内容
</div>
</div>
<div id="navigation" align="center"> <!-- 页面导航-->
<a href="user/list?page=1"></a> <!-- 此处可以是url，可以是action，要注意不是每种html都可以加，是跟当前网页有相同布局的才可以。另外一个重要的地方是page参数，这个一定要加在这里，它的作用是指出当前页面页码，没加载一次数据，page自动+1,我们可以从服务器用request拿到他然后进行后面的分页处理。-->
</div>
</body>
</html>本回答被提问者和网友采纳
微信文档怎么分页视图
微信文档的分页视图可以通过使用微信的分页控件来实现。可以在微信小程序开发者工具中，在“视图”栏目下找到“分页控件”，然后将其拖拽到文档中即可实现分页视图。 参考技术A 在【视图】选项卡下单击【页面布局】或【分页预览】命令按钮，或单击工作表右下角的视图切换按钮，即可切换到【页面布局】或【分页预览】视图模式，对页面设置进行快速调整，以上是关于怎么用js来实现页面的分页，有案列代码吗？请给个代码看看，谢谢的主要内容，如果未能解决你的问题，请参考以下文章