Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Скролл вверх при клике на страницу пагинации


Recommended Posts

Всем доброго времени суток! Подскажите пожалуйста, как сделать скролл наверх при клике на страницу пагинации? есть страница категорий http://greenmarket.su/tovary
При клике на след страницу экран остается на месте, а нужно чтобы он скроллился вверх. Как это можно осуществить?

Код по моему вот такой:


paginationChangeAction: function () { 
$('.custom-category .pagination a').each(function () { 
var href = $(this).attr('href'); 
$(this).attr('onclick', 'oclayerednavigationajax.filter("'+ href +'")'); 
$(this).attr('href', 'javascript:void(0);'); 
}); 
}

Надіслати
Поділитися на інших сайтах


Только что, d0tb0t сказал:

Что типа такого нужно добавить


$('html, body').animate({ scrollTop: $('.custom-category').offset().top }, 'slow');

Получилось, но теперь не дает листать страницу вниз

Надіслати
Поділитися на інших сайтах


catalog/view/javascript/opentheme/oclayerednavigation/oclayerednavigation.js

success     : function(json) {
    $('.filter-url').val(json['filter_action']);
    $('.price-url').val(json['price_action']);
    $('.custom-category').html(json['result_html']);
    $('.layered').html(json['layered_html']);
    oclayerednavigationajax.paginationChangeAction();
    oclayerednavigationajax.productViewChange();
    $('.layered-navigation-block').hide();
    $('.ajax-loader').hide();
  	// move to .custom-category
  	$('html, body').animate({ scrollTop: $('.custom-category').offset().top }, 'slow');
  	// move to top
  	// $('html, body').animate({ scrollTop: $('body').offset().top }, 'slow');
}

 

Змінено користувачем d0tb0t
Надіслати
Поділитися на інших сайтах


3 часа назад, d0tb0t сказал:

catalog/view/javascript/opentheme/oclayerednavigation/oclayerednavigation.js


success     : function(json) {
    $('.filter-url').val(json['filter_action']);
    $('.price-url').val(json['price_action']);
    $('.custom-category').html(json['result_html']);
    $('.layered').html(json['layered_html']);
    oclayerednavigationajax.paginationChangeAction();
    oclayerednavigationajax.productViewChange();
    $('.layered-navigation-block').hide();
    $('.ajax-loader').hide();
  	// move to .custom-category
  	$('html, body').animate({ scrollTop: $('.custom-category').offset().top }, 'slow');
  	// move to top
  	// $('html, body').animate({ scrollTop: $('body').offset().top }, 'slow');
}

 

Огромнейшее вам спасибо)

Змінено користувачем lambda371
Надіслати
Поділитися на інших сайтах


  • 10 months later...
В 12.03.2018 в 19:16, d0tb0t сказал:

catalog/view/javascript/opentheme/oclayerednavigation/oclayerednavigation.js


success     : function(json) {
    $('.filter-url').val(json['filter_action']);
    $('.price-url').val(json['price_action']);
    $('.custom-category').html(json['result_html']);
    $('.layered').html(json['layered_html']);
    oclayerednavigationajax.paginationChangeAction();
    oclayerednavigationajax.productViewChange();
    $('.layered-navigation-block').hide();
    $('.ajax-loader').hide();
  	// move to .custom-category
  	$('html, body').animate({ scrollTop: $('.custom-category').offset().top }, 'slow');
  	// move to top
  	// $('html, body').animate({ scrollTop: $('body').offset().top }, 'slow');
}

 

От души добрый человек! 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.