首页

13问答网 > js分页效果，分页后列表怎样才能不重复？

js分页效果，分页后列表怎样才能不重复？

2025-03-03 19:45:10

推荐回答（1个）

回答1：

代码修改完毕：

这个代码只改动了两个地方，一个是给里面的p段落包面加了一个嵌套DIV，另一个是加了一行内增高代码，为的是使scrollTop能够有足够的下方空间余量，从而不被浏览器自动下方对齐。

下面是完整的HTML文档代码，内有注释：





无标题文档




#frameContent{
width:500px;/*调整显示区的宽*/ 
height:210px;/*调整显示区的高*/
font-size:14px;
line-height:20px; 
border:1px solid #000000; 
overflow-pageINdex:hidden;
overflow-y:hidden;word-break:break-all;
}
/*下面的CSS是临时的，你使用的时候可以删除*/
#frameContent div p{
	height:40px;
	background:#999;
	width:100%;
	margin-top:10px;
	font-size:40px;
	text-align:center;
	line-height:40px;
}
/*临时CSS结束*/


    
		1

		2

		3

		4

var obj = document.getElementById("frameContent");//获取内容层
var pages = document.getElementById("pages");//获取翻页层
window.onload = function()//重写窗体加载的事件
{
    var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));
    pages.innerHTML = "共"+allpages+"页 ";//输出页面数量
//下面这一行是新加的唯一一行JS代码：
obj.getElementsByTagName('div')[0].style.height = obj. offsetHeight*2 + 'px'; //新加，将外框内的嵌套子层高度加2倍；
    for (var i=1;i<=allpages;i++){
     pages.innerHTML += "第"+i+"页 ";
//循环输出第几页
    }
}
function showPage(pageINdex)
{
    obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight);//根据高度，输出指定的页
var as = pages.getElementsByTagName('a');
for(var i=0; i as[i].style.color = i+1 == pageINdex ? '#F00' : '#06C';
}
}

相关问答

最新问答

女友现在和前男友一直联系，我该怎么办？

鱼头火锅怎么做好吃，麻辣鱼头火锅的家常做法

梦幻西游坐骑怎样增加灵气最实惠

初三了，如何才能够让自己以前放松的心态紧张起来

我买的太原到上海的火车票在石家庄北站可以进站上车吗，可以在石家庄异地取票吗？在线等着急~

中国寄快递到柬埔寨需要多久

今年南京体育学院运动人体科学在常州能报考康复治疗师吗？

我对你的爱从来都没有变过,是哪首歌曲里面的啊? 这句歌词是高潮部分的，男歌手唱的伤感歌曲！

人与畜生的最大区别是什么呢？

照样子写词语柠檬黄