制作我自己的jquery分页

Question

我做了我自己的jquery分页，当你按下页面按钮时，当前页面消失，然后与按钮编号对应的页面淡入。问题是页面2出现但略低于第1页出现的位置，第3页甚至低于第1页的位置。每个出现的页面应该位于页面1开始的相同位置。

jsfiddle

Answer 1

这是因为你的页面元素之间的<br>。

此中断标签在页面上方添加了额外空间。

在第1页和第2页之间有一个<br>，所以第2页上面有1个空行。 在第1页和第3页之间有两个<br>'s，因此第3页上方有两个空行。

Answer 2

您只是有太多的休息时间。

比较页面1

<div id="page1" class="page"> 
      <li id="panel"> 

的开始与该页面的2

 </li></div><br><div id="page2" class="page"><br/> 

Answer 3

删除“页”的元素以及从页元素中的那些之间的BRs。

Answer 4

上面的人都是对的，但是当我做我的时候，我只是用css来定位。对我来说，这是一个样式表问题。失去休息。