Перейти к содержанию
serega-lomik

[Поддержка] Sticky menu - vQmod

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

Sticky menu -  vQmod


Sticky menu - vQmod


Делает основное меню "плавающим" и прикреплённым к верху видимой области сайта (экрана браузера) при прокрутке страницы.

Может применяться вообще любому блоку или модулю вёрстки сайта. Для этого необходимо открыть файл sticky_menu.xml , найти строку

$("#scroll").sticky({ });

И изменить #scroll на id или class блока, который должен "плавать" при прокрутке прокрутке страницы.

Демо


 

  • +1 2

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


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

Демо ничего подобного не демонстрирует :)

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


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

Что то демо не фурычит

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


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

То что надо. Левую колонку категории тоже можно так выставить?

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


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

Сергей помоги пожайлуста мне с левым блоком категорий. Как написать правильно $("<div id="column-left").sticky({ }); или $("<div id="column-left"").sticky({ }); или как еще? че то не выходит

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


Ссылка на сообщение
Поделиться на другие сайты
И изменить #scroll на id или class блока, который должен "плавать" при прокрутке прокрутке страницы.

В вашем случае - если категория, то id модуля, к примеру ,

$("#category").sticky({ });

если всего сайдбара, то

$("#column-left").sticky({ });
  • +1 1

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


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

Не очень с левой колнкой получается tricota32.ru. Наезжает друг на друга а с меню вобще ничего вставляю $("#menu").sticky({ });  и ничего...нет сори чего...но как то не так часть меню уходит а часть отбражается ..по моему с индексами чето не так...если надо чтобы поверх всего было то какой z ставить? z-index: 20;?

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


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

После обновления страницы меню становится сверху. Потом при движении карусели опять прозрачное но местами, так где нет карусели или слайдшоу. И оно почему то становится Уже

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


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

скачайте архив заного, залейте на сайт и ничего не меняйте. Да, кеш vqmod не забудьте почистить.

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


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

В смысле удалить все из папки кеш вкмод? (ну пока я чайник)). В смысле ничего не менять? Строку?

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


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

В смысле удалить все из папки кеш вкмод? (ну пока я чайник)). В смысле ничего не менять? Строку?

Добрый день. А можно сделать чтоб фиксировалось не в самом верху а например на 30 точек ниже?

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


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

Да, можно. в файле sticky_menu.xml

$("#scroll").sticky({ }); 

замените на

$("#scroll").sticky({ topSpacing:30});

где 30 - это и есть отступ сверху

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


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

Да, можно. в файле sticky_menu.xml

$("#scroll").sticky({ }); 

замените на

$("#scroll").sticky({ topSpacing:30});

где 30 - это и есть отступ сверху

спасибо! буду пробовать

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


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

здравствуйте, спасибо за хороший модуль, можете подсказать почему после копирование в vq мод файла сразу меняется размер основного  контейнера, сразу становится 100% в независимости от изменений, а меню все - отлично работает

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


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

Здравствуйте! Спасибо, модуль отличный. Меню прилипло:) Вот только категории не прилипают.:) Вношу изменения в Ваш файл (вместо scroll написал category) , гл результата нет. Очень бы хотелось, чтобы заработало. OcStore 1.5.5.1.2.

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


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

Присоединяюсь к вопросу

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


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

Спасибо за мод! Все работает!

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


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

Судя по демо- то что надо,

но у меня почему то не работает...

 

Файлы поставил правильно, в них ничего не менял.

В папке vqcache пусто.  В css   #menu стоит на месте, название не менялось.

Где же заковыка то?

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


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

А можно чтобы фиксировалось пара блоков? Например главное и верхнее меню или горизонтальное меню и левый блок. Одновременно я имею ввиду.

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


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

А можно чтобы фиксировалось пара блоков? Например главное и верхнее меню или горизонтальное меню и левый блок. Одновременно я имею ввиду.

Да, можно, просто перечислите через запятую id или class нужных блоков. Пример:

$("#scroll, #column-left, #column-right").sticky();

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


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

 

Да, можно, просто перечислите через запятую id или class нужных блоков. Пример:

$("#scroll, #column-left, #column-right").sticky();

Спасибо! Попробую!

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


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

А возможно, чтобы 2-а горизонтальных меню друг за другом становились при прокручивании вниз? Или если я верхнее горизонтальное меню зафиксирую, то чтобы главное горизонтальное меню останавливалось после неё

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


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

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

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

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

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

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

Войти

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

Войти

  • Похожий контент

    • От serega-lomik
      Делает основное меню "плавающим" и прикреплённым к верху видимой области сайта (экрана браузера) при прокрутке страницы.
      Может применяться вообще любому блоку или модулю вёрстки сайта. Для этого необходимо открыть файл sticky_menu.xml , найти строку
      $("#scroll").sticky({ });
      И изменить #scroll на id или class блока, который должен "плавать" при прокрутке прокрутке страницы.
      Демо
  • Последние посетители   0 пользователей онлайн

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

×

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

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