PbootCMS长篇内容ajax无刷新分页方法_PbootCMS教程

*近有群友说新闻详情或者产品详情内容比较多，页面拉的很长，有什么办法可以分页显示呢？

去网上索罗一个*简单的js内容分页代码，就是内容显示框固定高度，下一页就显示下一个内容高度，这样就达到了分页的效果

不过这个代码也有一点不好的地方就是，如果里面有图片，位置刚好在这个高度的上下，可能会显示不全。

不多说了，直接上代码

<div class="content mb-3" id="content">{content:content}</div>//内容显示框，要有固定高度(高度自己设定)<div id="pages" class="content mb-3"></div>//分页代码框<script language="javascript">var obj = document.getElementById("content"); //获取内容层var pages = document.getElementById("pages"); //获取翻页层window.onload = function()                    //重写窗体加载的事件{var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));//获取页面数量    pages.innerHTML = "<b>共"+allpages+"页</b>";                                    //输出页面数量    for (var i=1;i<=allpages;i++){    pages.innerHTML += "<a id=page"+i+" href="javascript:showPage('"+i+"','"+allpages+"');">第"+i+"页</a>&nbsp;";//循环输出第几页}    showPage(1,allpages);//执行默认第一页}function showPage(pagenum,allpages)//分页函数{    obj.scrollTop=(pagenum-1)*parseInt(obj.offsetHeight);       //根据高度，输出指定的页    for (var i=1;i<=allpages;i++){   //移除页码样式        document.getElementById("page"+i).style.color="";    }document.getElementById("page"+pagenum).style.color="red";//设置当前页样式}</script>

效果图展示

# PbootCMS长篇内容ajax无刷新分页方法  # PbootCMS教程  # PbootCMS  # 长篇  # 内容  # ajax  # 无刷  # 方法  # 群友  # 新  # 微软  # 分页  # 也有  # 在这个  # 下一页  # 说了  # 要有  # 不多  # 重写  # 很长  # 比较多  # 不全  # 第一页  # 翻页  # 移除  # 就达  # 加载  # 有什么办法可以  # 当前页  # 网上  # 沙县小吃营销推广文案策划  # 复兴区网络营销与推广  # 廊坊百度seo代理  # 西北旺酒店网站建设  # 南宁网站建设服务公司  # seo怎样才能优化网站推广  # 承德seo优化哪家强  # 寻找泉州seo案例公司  # 黄岩抖音seo教程  # 中山建设网站建站  # 线下母婴专卖店营销推广  # 营销平台推广挖掘新的商机  # 丽江seo公司参考火星  # 华为付费推广网站怎么样  # 浙江seo查询哪家好用  # 熟食店怎么推广营销  # 短视频营销推广找谁家做  # 石家庄网站建设咨询薇  # 个人网站建设找哪家好  # seo优化课程是什么 

相关文章： 武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  如何解决ASP生成WAP建站中文乱码问题？  定制建站方案优化指南：企业官网开发与建站费用解析  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  如何在腾讯云服务器快速搭建个人网站？  建站之星收费标准详解：套餐费用及年费价格表一览  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  如何确认建站备案号应放置的具体位置？  实现虚拟支付需哪些建站技术支撑？  如何快速查询域名建站关键信息？  如何通过FTP服务器快速搭建网站？  定制建站是什么？如何实现个性化需求？  外贸公司网站制作,外贸网站建设一般有哪些步骤？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  建站之家VIP精选网站模板与SEO优化教程整合指南  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  如何生成腾讯云建站专用兑换码？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  小建面朝正北，A点实际方位是否存在偏差？  小型网站建站如何选择虚拟主机？  如何选购建站域名与空间？自助平台全解析  建站之星如何取消后台验证码生成？  Android自定义控件实现温度旋转按钮效果  西安专业网站制作公司有哪些,陕西省建行官方网站？  Android滚轮选择时间控件使用详解  建站主机是否等同于虚拟主机？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  如何在阿里云虚拟服务器快速搭建网站？  黑客入侵网站服务器的常见手法有哪些？  建站之星2.7模板快速切换与批量管理功能操作指南  成都响应式网站开发,dw怎么把手机适应页面变成网页？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  ,交易猫的商品怎么发布到网站上去？  常州企业网站制作公司,全国继续教育网怎么登录？  如何通过免费商城建站系统源码自定义网站主题与功能？  如何通过虚拟主机快速搭建个人网站？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  实例解析Array和String方法  制作证书网站有哪些,全国城建培训中心证书查询官网？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  如何选择高性价比服务器搭建个人网站？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  郑州企业网站制作公司,郑州招聘网站有哪些？  如何快速选择适合个人网站的云服务器配置？  建站之星CMS五站合一模板配置与SEO优化指南