Jump to content
Sign in to follow this  
lambda371

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

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);'); 
}); 
}

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
Только что, d0tb0t сказал:

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


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

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

Share this post


Link to post
Share on other sites

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');
}

 

Edited by d0tb0t

Share this post


Link to post
Share on other sites
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');
}

 

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

Edited by lambda371

Share this post


Link to post
Share on other sites
В 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');
}

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By legioner26
      500.00 руб
      Скачать/Купить дополнение


      Пагинация Опций в админке для крупных ИМ
      Разработан модификатор с пагинацией для опций в админ панели.
      Данный модификатор предназначен для интернет магазинов с большим списком параметров в опциях, с которыми сложно работать и подгружают сайт.
      Установив модификатор Вы получите список параметров опции в превычном постраничном для Вас виде, также при удалении параметра в админ панели не надо жать на кнопку сохранить, все происходит автоматически.
      В архиве 2 папки
      ОС 2.0-2.1 - Для версий 2.0-2.1
      ОС 2.2-2.3 - Для версий 2.2-2.3
       
      Установка:
      Устанавливаете модификатор через "Установка расширений", далее в модификаторах чистим кеш и обновляем.
      Добавил legioner26 Добавлено 16.12.2017 Категория Опции Системные требования Сайт разработчика Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет Старая цена 600  
    • By legioner26
      Разработан модификатор с пагинацией для опций в админ панели.
      Данный модификатор предназначен для интернет магазинов с большим списком параметров в опциях, с которыми сложно работать и подгружают сайт.
      Установив модификатор Вы получите список параметров опции в превычном постраничном для Вас виде, также при удалении параметра в админ панели не надо жать на кнопку сохранить, все происходит автоматически.
      В архиве 2 папки
      ОС 2.0-2.1 - Для версий 2.0-2.1
      ОС 2.2-2.3 - Для версий 2.2-2.3
       
      Установка:
      Устанавливаете модификатор через "Установка расширений", далее в модификаторах чистим кеш и обновляем.
    • By Otvet
      🛈 При использовании посадочных OcFilter, проверьте корректность атрибута canonical
       
      Модуль призван улучшить индексацию. Управляет множеством факторов и решает большой ряд мелких недочетов Opencart.
       
      ! Внимание БОЛЬШИЕ цветные буквы не просто так в тексте
       Указывайте домен при покупке 
       
      Что такое продление и для чего: Читаем
       
       
       
      Что делает модуль:
      исправляет косяки по типу site/index.php?route=product/product&path=20&product_id=28path=3 которые присутствуют у 99% позволяет устранить большой ряд дублей способствует распределению веса и более полной перелинковке позволяет гибко управлять выводом атрибутов prev | next  по рекомендации google (с 21.03.2018 Google официально перестал учитывать) исправление ссылок и багов пагинаций уникализирует страницы (они перестают быть дублями), в том числе: шаблоны мета-данных, шаблон заголовков, скрытие/закрытие сквозных блоков валидация и исправление значений стандартных параметров позволяет гибко управлять выводом canonical, с учетом таких факторов как тип url и путь в url, когда нужно и где нужно управление get-параметрами (редиректы, canonical, seo_pro) позволяет полноценно использовать seo-фильтры позволяет убирать "хвосты" в индексе позволяет блокировать индексации отзывов как отдельного документа и сделать в то же время более полную индексацию отзывов способствует заполнению анкор листа товаров на страницах 2 и далее посадочные страницы категория/бренд, для исключения дублей и использования в продвижении фикс кучи мелких проблем и недоработок в опенкарт фикс большой проблемы опенкарт - "мусорных" ссылок на теги (с версии 5.0) и многое другое  
      ЕЩЕ больше функционала:
       
      Для более продуктивной борьбы с дублями так же крайне желательно наличие SEO_Pro и правильного robots.txt
       
      [bonus] Sitemap Lite (OCMOD для opencart 2.x):
      заменяет оригинальный catalog/controller/feed/google_sitemap.php
      ускоренная генерация благодаря собственной функции выборки товаров (~ в 10 раз) добавление lastmod (значительно ускоряет индексацию) устранение дублей товаров валидация яндексом фикс &amp при использовании seo_pro т.к. бонус, не подпадает под стандартную поддержку если нужна скорость, функционал, поддержка - рекомендую приобрести #FX Sitemap  
      Для автоматического заполнения SEO URL (ЧПУ) можно установить это дополнение: https://opencartforum.com/files/file/2833-автоматическое-заполнение-чпу-ocmod/ и/или https://opencartforum.com/files/file/5570-fx-url-generator-free/
       
       
    • By Otvet
      399.00 руб · Срок продления: 50.00 руб за 12 месяцев
      Скачать/Купить дополнение


      [SEO] Full IndeX : Улучшение индексации
      🛈 При использовании посадочных OcFilter, проверьте корректность атрибута canonical
       
      Модуль призван улучшить индексацию. Управляет множеством факторов и решает большой ряд мелких недочетов Opencart.
       
      ! Внимание БОЛЬШИЕ цветные буквы не просто так в тексте
       Указывайте домен при покупке 
       
      Что такое продление и для чего: Читаем
       
       
       
      Что делает модуль:
      исправляет косяки по типу site/index.php?route=product/product&path=20&product_id=28path=3 которые присутствуют у 99% позволяет устранить большой ряд дублей способствует распределению веса и более полной перелинковке позволяет гибко управлять выводом атрибутов prev | next  по рекомендации google (с 21.03.2018 Google официально перестал учитывать) исправление ссылок и багов пагинаций уникализирует страницы (они перестают быть дублями), в том числе: шаблоны мета-данных, шаблон заголовков, скрытие/закрытие сквозных блоков валидация и исправление значений стандартных параметров позволяет гибко управлять выводом canonical, с учетом таких факторов как тип url и путь в url, когда нужно и где нужно управление get-параметрами (редиректы, canonical, seo_pro) позволяет полноценно использовать seo-фильтры позволяет убирать "хвосты" в индексе позволяет блокировать индексации отзывов как отдельного документа и сделать в то же время более полную индексацию отзывов способствует заполнению анкор листа товаров на страницах 2 и далее посадочные страницы категория/бренд, для исключения дублей и использования в продвижении фикс кучи мелких проблем и недоработок в опенкарт фикс большой проблемы опенкарт - "мусорных" ссылок на теги (с версии 5.0) и многое другое  
      ЕЩЕ больше функционала:
       
      Для более продуктивной борьбы с дублями так же крайне желательно наличие SEO_Pro и правильного robots.txt
       
      [bonus] Sitemap Lite (OCMOD для opencart 2.x):
      заменяет оригинальный catalog/controller/feed/google_sitemap.php
      ускоренная генерация благодаря собственной функции выборки товаров (~ в 10 раз) добавление lastmod (значительно ускоряет индексацию) устранение дублей товаров валидация яндексом фикс &amp при использовании seo_pro т.к. бонус, не подпадает под стандартную поддержку если нужна скорость, функционал, поддержка - рекомендую приобрести #FX Sitemap  
      Для автоматического заполнения SEO URL (ЧПУ) можно установить это дополнение: https://opencartforum.com/files/file/2833-автоматическое-заполнение-чпу-ocmod/ и/или https://opencartforum.com/files/file/5570-fx-url-generator-free/
       
       
      Добавил Otvet Добавлено 14.08.2015 Категория SEO, карта сайта, оптимизация Системные требования умение читать инструкцию, работающий установщик Сайт разработчика https://full-index.ru/ Метод активации Автоматическая активация
      Через официальный сайт дополнения Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет Старая цена 490  
    • By colaweb
      Сделаю анимацию для вашего магазина или сайта.
      Большой опыт работы.
       
      Примеры
      Анимация главной страницы
      «Эффект полета» картинки в корзину при клике на кнопку "купить"
       
      Мой портфолио на форуме
      https://opencartforum.com/profile/12157-colaweb/content/?type=downloads_file
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.