maiki

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

Рекомендуемые сообщения

maiki    12

Привет!

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

Пример на сайте пума - 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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
lavboydavid    0

Никак не получается, нет реакции даже куки чистил, плиз помогите

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу