[Решено] Как отключить фиксированую шапку в мобильной версии?

Тема в разделе "OpenCart", создана пользователем boxerrr, 31 июл 2015.

Статус темы:
Закрыта.
  1. boxerrr

    boxerrr

    Регистрация:
    8 авг 2013
    Сообщения:
    105
    Симпатии:
    36
    Нужна помощь
    вот этим скриптом я зафиксировал шапку
    $(function(){
    $(window).scroll(function() {
    var top = $(document).scrollTop();
    if (top < 100) $(".header-top").css({top: '0', position: 'relative', background: '#3f3f3f', right: '',left: '' });
    else $(".header-top").css({top: '0', position: 'fixed', background: 'rgba(63, 63, 63, 0.95)' , right: '0px',left: '0px' });
    });
    как в php или в js прописать условие чтобы не фиксировалась шапка в моб.версии???
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    778
    Подключите єтот плагин https://github.com/gabceb/jquery-browser-plugin
    А потом оберните свой код в условие:
    Код:
    if($.browser.desktop){
        ваш код
    }
    Если у вас версия jQuery меньше 1.9, плагин подключать не надо, он раньше был частью jQuery.
     
    boxerrr нравится это.
  3. boxerrr

    boxerrr

    Регистрация:
    8 авг 2013
    Сообщения:
    105
    Симпатии:
    36
    Завернул
    if($.browser.desktop){
    $(function(){
    $(window).scroll(function() {
    var top = $(document).scrollTop();
    if (top < 150) $(".header-top").css({top: '0', position: 'relative', background: '#3f3f3f', right: '',left: '' });
    else $(".header-top").css({top: '0', position: 'fixed', background: 'rgba(63, 63, 63)' , right: '0px',left: '0px' });
    });
    }
    подключил в хедаре
    <script type="text/javascript" src="catalog/view/javascript/jquery.browser"></script>

    в таком варианте шапка вообще не фиксируется т.е. код не выполняется .....прошу вас поправить меня может где-то я не правильно сделал
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    778
    $(function(){ заворачивать не надо было, это аналог $(document).ready.
    И что за странная ссылка на скрипт, где расширение?
     
    boxerrr нравится это.
  5. boxerrr

    boxerrr

    Регистрация:
    8 авг 2013
    Сообщения:
    105
    Симпатии:
    36
    Всё заработало !!! тему можно закрывать ......p.s. Dotrox спасибо тебе!!!!
     
Статус темы:
Закрыта.