делая мою собственную JQuery нумерацию страниц

Question

Я сделал свою собственную нумерацию страниц jquery, где при нажатии кнопки страницы текущая страница исчезает, а затем исчезает страница, соответствующая номеру кнопки. Проблема в том, что страница 2 появляется, но немного нижегде отображается страница 1, а страница 3 даже ниже, чем страница 1.Каждая страница, которая появляется, должна быть в той же позиции, где начинается страница 1.

jsfiddle

Answer 1

Это потому, что у вас есть <br> между элементами страницы.

Этот тег разрыва добавляет дополнительное пространство над вашими страницами.

Между страницами 1 и 2 есть один <br>,Таким образом, страница 2 имеет 1 пустую строку над ней.Между страницами 1 и 3 есть два <br>, и поэтому над страницей 3 есть две пустые строки.

Answer 2

У вас просто слишком много перерывов.

Сравните начало страницы 1

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

с началом страницы 2

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

Answer 3

Ребята выше правы, но когда я делаю свое, я просто позиционируюсь с css.Для меня это проблема таблицы стилей.Потерять разрывы.

Answer 4

Удалить BR между элементами "page" и теми, которые находятся внутри элементов страницы.