js依据内容高度分页
js根据内容高度分页
<script>
$(function(){
//内容js分页
var obj = $("#body")[0];
var pages = $("#pages")[0];
var pageCount = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));
if(pageCount>1){
pages.innerHTML = "<b>共"+pageCount+"页</b> ";//输出页面数量
for(var i=1;i<=pageCount;i++){
pages.innerHTML += "<a class='jsPage' index='"+i+"'>第"+i+"页</a> ";//循环输出第几页
}
}
$(".jsPage").click(function(){
var _index = $(this).attr("index");
var _top = (_index-1)*parseInt(obj.offsetHeight);
$("#body").animate({'scrollTop': _top}, 'slow');
});
});
$(function(){
//内容js分页
var obj = $("#body")[0];
var pages = $("#pages")[0];
var pageCount = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj.offsetHeight));
if(pageCount>1){
pages.innerHTML = "<b>共"+pageCount+"页</b> ";//输出页面数量
for(var i=1;i<=pageCount;i++){
pages.innerHTML += "<a class='jsPage' index='"+i+"'>第"+i+"页</a> ";//循环输出第几页
}
}
$(".jsPage").click(function(){
var _index = $(this).attr("index");
var _top = (_index-1)*parseInt(obj.offsetHeight);
$("#body").animate({'scrollTop': _top}, 'slow');
});
});
</script>
<div id="body">
{dede:field.body/}
</div>
<div id="pages"></div>