Я использую jQuery datatable, и я хочу изменить его поведение по умолчанию. Прямо сейчас, когда я нажимаю на страницу, например, 61, прокрутка страницы остается внизу. Но когда я нажимаю страницу с 61 до 60, прокрутка страницы происходит посередине страницы. Я хочу, чтобы все страницы были прокручены в нижней части страницы, независимо от случайной щелчки страницы внизу от первого до последнего или случайного щелчка страницы. Я также взял ссылку по этой ссылке: jquery datatables scroll to top when pages clicked from bottom , но это для создания прокрутки по умолчанию по умолчанию.jquery datatables прокручивается вверх, когда страницы, щелкнутые снизу вперед, назад случайным образом
ответ
Вы должны установить цель .dataTables_wrapper
и присоединить мероприятие к .paginate_button
. Вот с миленькой анимации:
function paginateScroll() {
$('html, body').animate({
scrollTop: $(document).height()
}, 100);
console.log('pagination button clicked'); //remove after test
$(".paginate_button").unbind('click', paginateScroll);
$(".paginate_button").bind('click', paginateScroll);
}
paginateScroll();
Вот JSfiddle
Отказ от ответственности: Я только что сделал Незначительное изменение в answer связь которого была размещена в самом вопросе. scrollTop: $(document).height()
.
Надеюсь, это поможет.
благодарю за это, но это не сработало. также пробовал в документе. –
@amarghodke Oh. Можете ли вы разместить свой код или скрипку? –
https://jsfiddle.net/jb0e6whr/ это jquery datatable для динамических данных, поэтому вы не увидите никаких записей. –
Эта проблема происходила между второй и последней страничной страницей, например. 60 и 61. Когда мы переходим к последней странице, и если количество записей меньше размера страницы, тогда пользовательский интерфейс сдвигается, так как данные настраивают его высоту. Проблема может быть видна, когда страница перемещается с последней страницы на вторую последнюю страницу или на любую другую страницу. Так что это естественное поведение, а не вопрос
Вы случайно используете Angular? – nashcheez
нет jquery datatable. –
Не могли бы вы разместить свой код –