制作我自己的jquery分页

Question

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

jsfiddle

Answer 1

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

此中断标记会在您的网页上方添加额外空间。

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

Answer 2

你只是休息太多了。

比较第1页的开头

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

与第2页的

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

Answer 3

删除“page”元素之间的BR以及页面元素内的BR。

Answer 4

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