Помощь Плавающее меню

Trafim6021

Постоялец
Заблокирован
Регистрация
20 Ноя 2013
Сообщения
564
Реакции
132
  • Автор темы
  • Заблокирован
  • #1
Привет всем, подскажите как закрепить верхнее меню, с логотипом, что бы при прокручивании страницы, шапка закреплялась в верху используя етот Для просмотра ссылки Войди или Зарегистрируйся
 
Привет всем, подскажите как закрепить верхнее меню, с логотипом, что бы при прокручивании страницы, шапка закреплялась в верху используя етот Для просмотра ссылки Войди или Зарегистрируйся
если весь header, то через

Код:
position: fixed;
+ дополнительные правила, надо вообще смотреть детально, а также можно и через JS
Как пример: Для просмотра ссылки Войди или Зарегистрируйся
 
  • Автор темы
  • Заблокирован
  • #3
А можно подробнее в файл common или header и что точнее вставить, может есть модуль?
 
вообще все что в шапке до меню (включительно) должно быть, там же и файлы подключения css и js
/common/header.tpl

Модуль вы врятли найдете под конкретный шаблон, а вставлять надо сам скрипт
<script type="text/javascript">...</script> и соответственно, если необходимо то ссылку для подключения JS нужной версии, хотя все же предлагаю без конфликтов использовать уже ту версия, которая будет подключена в самом шаблоне.

По умолчанию в опенкарте работает JS (jQuery) версии
<script type="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
 
  • Автор темы
  • Заблокирован
  • #5
Вот ето нужно вставить в шапку <script type="text/javascript">...</script>
 
Есть модуль Sticky menu для этих целей, нормально работает, только немного в стилях придется покопаться. Для просмотра ссылки Войди или Зарегистрируйся
 
put the position to absolute in class header ..
 
все делаеться средствами css
 
все делаеться средствами css
А если на резиновом макете нужно после пролистывания скрола вниз показывать видоизмененную шапку (напр, без телефонов и поисковой строки, просто маленький логотип и категории) ? Поможете мне с помощью css так сделать?
 
А если на резиновом макете нужно после пролистывания скрола вниз показывать видоизмененную шапку (напр, без телефонов и поисковой строки, просто маленький логотип и категории) ? Поможете мне с помощью css так сделать?
Код:
$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 90) $("#menu").css({top: '0', position: 'relative'});
        else $("#menu").css({top: '0px', position: 'fixed'});
    });
});
top < 90 на свое поправить
Дальше @media
 
Назад
Сверху