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

Фиксация блока категорий при прокрутке! Решено


maiki

Recommended Posts

Привет!

Нашел решение реализации фиксации любых блоков в данном случае это левая колонка в категории. Во время просмотра продуктов в категории при прокрутке вниз блок категорий остается неподвижным.

Пример на сайте пума - http://www.shop.puma.com/women/shoes/running/13210,en_US,sc.html

Есть фиксация 

  • top — отступ от верха окна браузера во время прокрутки
  • bottomEnd — отступ от нижней границы сайта, когда сайт прокручен до самого низа
  • noContainer — при значении true элемент позиционируется относительно документа
  • Для этого в Header.tpl добавляем строки
  • <!-- hcSticky script -->
    <script type="text/javascript" src="catalog/view/theme/ваша тема.../js/jquery.hcsticky-min.js"></script>
    <script type="text/javascript">
            jQuery(document).ready(function() {
        jQuery('#column-left').hcSticky({
            top: 50,
            bottomEnd: 400,
            noContainer: true
        });
    });
    </script>
  • Файл прикреплен. 
  • Готово! Радуемся...
  • В строке jQuery('#column-left').hcSticky({ - вместо #colum-left - можно прописать добавить любой другой элемент

jquery.hcsticky-min.zip

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

  • 3 years later...

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

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

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

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

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

Вхід

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

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

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