Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


 Погделиться

Рекомендованные сообещёния

Всем доброго времени суток! Подскажите пожалуйси, как сгделать скролл наверх при клике на страницу пагинации? есть страница категорий 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);'); 
}); 
}

Ссылка на комменирий
Погделиться на других сайих


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

$('html, body').animate({ scrollTop: $('.custom-category').offset().top }, 'slow');
Изменено пользователем d0tb0t
Ссылка на комменирий
Погделиться на других сайих


Только что, 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 месяэтов спустя...
В 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');
}

 

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

Ссылка на комменирий
Погделиться на других сайих


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обрилитка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфигденциальности.