Как сделать так чтобы страница не скакала во время перехода на другую страницу пагинации?

Question

[Kristina8787]

Здравствуйте. Пользуюсь плагином josecebe.github.io/twbs-pagination/#options-and-events для пагинации таблицы динамической. Но каждый раз когда нажимаешь на переход на страницу например 2, нас скролит то вверх то вниз взависимости от кол-ва контента на данной странице контента. Как сделать так, чтобы при переходе на страницу ничего не скролилось ни вверх ни вниз.

Comments

[Вадим]

Пример в песочницу

[Kristina8787]

Вадим, да я уже поняла в чем дело. проблема теперь в другом, почему $('html,body').animate({scrollTop: $('#dateFrom').offset().top}, 400); не работает строчка, т.е. не могу после клика в пагинации отскролиться к элементу. Делаю это всё в битриксе

[Вадим]

Kristina8787, поставьте точку остановки на этой строке в отладчике или в коде оператор debugger и построчно проверьте

[Kristina8787]

Вадим, а как это сделать? не слышала о таком. с js совсем недавно

[Вадим]

Kristina8787, Отладка в хром

[Kristina8787]

Вадим, чтото в битриксе в index файле не мой код,а битрикса. не поставить точку остановки тобишь. а есть варианты в консоль чтото вывести чтобы проверить почему эта строчка не отрабатывает?

[Вадим]

Kristina8787, У Вас есть доступ до этого скрипта? где эти строчки

$('html,body').animate({scrollTop: $('#dateFrom').offset().top}, 400);

Если да, то измените скрипт на такой:

debugger;
$('html,body').animate({scrollTop: $('#dateFrom').offset().top}, 400);

Тогда при выполнении скрипта с открытыми инструментами разработчика он сам открое нужный файл на нужной строке

[Kristina8787]

Вадим, да,это мой скрипт. просто внутри битрикса открывается приложение с моим скриптом, и в этом отладчике единственный файл index , в котором не мой код ,а код битрикса стоит. а в консоль и т.д. я всё что угодно могу выводить

[Вадим]

Kristina8787, обновил предыдущий комментарий, попробуйте так сделать.

[Kristina8787]

Вадим, сделала,у меня просто скрипт останавливается. в отладчике ничего не появилось , с открытыми инструментами разрабочика открывала и перезагуржала

[Вадим]

Kristina8787, а скриншотик сделаете как это у Вас отображается?

[Kristina8787]

Вадим, в firefox смотрела. в хром вот зашла, там указывает на строчку где debugger написано

[Вадим]

Kristina8787, ну во, а теперь, если Вы прочитали вышескинутую статью, то знаете что делать

[Kristina8787]

Вадим, сделала по инструкции, но не понимаю как это работает. сделала еще один шаг после дебагера,остановилась на этой строчке с кодом, она выполнилась,записалась в call stack , но ничего не произошло визуально и причина ошибки неизвестна

[Вадим]

Kristina8787, А ссылку на сайт где это происходит Вы можете показать? А то сейчас для меня это как дартс с завязанными глазами.

[Kristina8787]

Вадим, это корпоративный портал битрикса, туда не попасть без авторизации,а авторизованны там только сотрудники( я в консоли выполнила эту строку скролла, он выдает обьект анимации

Animation
 
currentTime: 400
 
effect: KeyframeEffect { target: html.bx-core.bx-no-touch.bx-no-retina.bx-firefox
, iterationComposite: "replace", composite: "replace", … }
 
finished: Promise { <state>: "fulfilled", <value>: Animation }
 
id: ""
 
oncancel: null
 
onfinish: null
 
onremove: null
 
pending: false
 
playState: "finished"
 
playbackRate: 1
 
ready: Promise { <state>: "fulfilled", <value>: Animation }
 
replaceState: "active"
 
startTime: 396379.06
 
timeline: DocumentTimeline { currentTime: 401665.2 }

но визуально ничего не произошло

[Вадим]

Kristina8787, а давайте в консоль выведем вот это:
$('#dateFrom').offset().top
В момент срабатывания анимации

[Kristina8787]

Вадим, это я выводила уже, 40px показывает

[Вадим]

Kristina8787, так, ну, получается, скрипт за 400мс должен был проскролить тело страницы на 40 пикселей. Это желаемый результат которого не происходит?

[Kristina8787]

Вадим, да туда хоть 1000 ставь,всё равно ничего не происходит