Bootstrap пагинация страниц без перезагрузки, как сделать?

Question

[blazer05]

Здравствуйте.
Я сделал пагинацию для комментариев (расположено посередине страницы) - все работает, но проблема в том, что при переходе на вторую страницу комментариев она перезагружается полностью и уходит вверх, чтоб посмотреть комментарии второй страницы нужно делать прокрутку до середины где они и находятся. Как сделать, чтоб при переходе на другую страницу комментариев вся страница не перезагружалась или перезагружалась но на этом же месте и оставалась по центру?

Comments

[Сергей delphinpro]

Якорь сделайте.
для блока комментов - div id=comments
для ссылок в пагинации href="ваша_ссылка#comments"

[blazer05]

Сергей: Спасибо, помогло, но все равно страница прижимается к верху окна браузера
https://youtu.be/US8Ad5CBdEk
можно как сделать, чтоб оно статическим было на месте происходил переход?

[Сергей delphinpro]

blazer05: страница "прижимается" к тому блоку, на который вы якорь указали.
Хотите чтобы совсем не было перехода - подгружайте контент динамически, аяксом.

[blazer05]

Сергей: а как примерно это загуглить можно?

[Андрей]

blazer05: https://www.google.ru/search?q=%D0%BE%D0%B4%D0%BD%...

Answer 1

[Андрей К]

Я понимаю, что на уровне верстки - это не то решение, но про AJAX Вы ничего не слышали? Пагинация на уровне Bootstrap - это что-то странное. На нем должны быть отрисованны кнопки для пагинации и элементы.
Дальше есть два пути, или сервером, при чем, большинство web frameworks делают все сами из коробки, тогда AJAX не нужен. К этому можно добавить какой-то якорь в HTML, как уже посоветовали. А если страница большая и критично ее не перезагружать, то тогда нужен JavaScript, опять таки, есть библиотеки, которые это умеют делать и нужно только настроить. Из простого, у jQuery есть такое, по-моему, в jQuery UI.

Comments

[blazer05]

Делаю на django, но пока не понял можно там средствами джанго сделать такое или нет? Сторонними скриптами пока тоже не получилось.

[Андрей К]

blazer05: там это все из коробки, во всяком случае с перегрузкой страниц.
djbook.ru/rel1.8/topics/pagination.html

[blazer05]

Андрей К: Так я вкурсе так и сделал, пагинация работает прекрасно с перезагрузкой страницы.

Answer 2

[blazer05]

Кое что получилось сделать с помощью этого скрипта. Но он почему то не работает в браузере мозила! Во всех остальных браузерах хром, опера, едж, яндекс браузер - все прекрасно отрабатывает. В чем может быть проблема с мозилой подскажите плиз!
Ссылка где можно посмотреть переход по комментариям в браузерах
odrova.sharelink.ru

Вот код скрипта

$(document).ready(function () {

       // Посилання з id="test" буде тригером події

       $(".comments-page").click(function() {
           event.preventDefault();
           var url = $(this).attr('href');

           // AJAX-запит на потрібну адресу

           $.get(url, function(data) {

               // Замінюємо текст тегу з id="target" на отримані дані

               $("#comments").html(data);

           });

       });

   });