0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1235 Просмотров
*

Алесксандр

  • Новичок
  • 2
  • 0
Привет, прошу помощи у людей с прямыми руками)
Имеется шаблон Joomla http://demoseite.ah-68.de/joomla/kleinesschwarzes/
Хочется сделать, чтобы при скроллинге страницы вниз, меню, которое под шапкой, прилипло к верху страницы и осталось там зафиксированным, как на примере:
http://joomla-school.com/sozdanie-shablonov/1499-skroliruyushchee-menyu-na-jquery-dlya-joomla.html


Самому сделать по примеру не получилось - кривые руки :'( . Кто отважится решить мою проблему? Что куда прописать в шаблоне (желательно по пунктам)? Кину сотку на телефон тому, кто поможет !
*

AlekVolsk

  • Профи
  • 6312
  • 336
Как здесь: http://volskstroylicey.ru/?
Оборачиваете всю строку меню в отдельный <div id="fixedBox"> и прикручиваете js:
Код: javascript
jQuery(document).ready(function($) {

  /* функция кроссбраузерного определения отступа от верха документа к текущей позиции скроллера прокрутки */
  function getScrollTop() {
    var scrOfY = 0;
    if (typeof(window.pageYOffset) == "number") {
      scrOfY = window.pageYOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
      scrOfY = document.body.scrollTop;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
      scrOfY = document.documentElement.scrollTop;
    }
    return scrOfY;
  }

  function fixPaneRefresh(){
    if ($("#fixedBox").length) {
      var top = getScrollTop();
      if (top < 95) {
        $("#fixedBox").css("top",95-top+"px");
        $("#fixedBox").css("box-shadow","none");
      } else {
        $("#fixedBox").css("top","0");
        $("#fixedBox").css("box-shadow","0 9px 27px -14px #000");
      }
    }
  }

  /* пересчитываем отступ при прокрутке экрана */
  $(window).scroll(function() {
    if ($(window).width() < 1024) return;
    fixPaneRefresh();
  });
 
});
Есс-но, размеры у вас будут свои, доп.стили тоже, да и скорее всего потребуется общая доверстка шапки.
Не самый удачный пример, но это первое, что под рукой было.
*

Алесксандр

  • Новичок
  • 2
  • 0
А можно поподробней что именно где поменять? Я ж говорю, руки кривые у меня( Вот код меню
Код
<!-- Start Topnav -->
    <div id="topnav">
      <div class="topnav-inner">
                <div class="topnav">
          <ul class="nav menusf-menu">
<li class="item-101 current active"><a href="/joomla/kleinesschwarzes/" >Startseite</a></li><li class="item-119 deeper parent"><a href="/joomla/kleinesschwarzes/joomla-nutzen.html" >Joomla! nutzen</a><ul class="nav-child unstyled small"><li class="item-136"> ...............и тд и тп</li></ul></li></ul>

        </div>
                        <!-- Start Search -->
        <div id="search">
          <div class="search">
            <div class="search">
<form action="/joomla/kleinesschwarzes/" method="post" class="form-inline">
<label for="mod-search-searchword" class="element-invisible">Suchen...</label> <input name="searchword" id="mod-search-searchword" maxlength="200"  class="inputbox search-query" type="search" size="20" placeholder="Suchen..." /> <button class="button btn btn-primary" onclick="this.form.searchword.focus();">los geht's</button> <input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
<input type="hidden" name="Itemid" value="101" />
</form>
</div>

          </div>
        </div>
        <!-- Ende Search -->
              </div>
    </div>
    <!-- Ende Topnav -->

Как мне обернуть всё меню в отдельный "<div id="fixedBox">"? не собъется ли шаблон? как потом в админке управлять этим меню, если оно будет по другому прикручено? Может можно как то в скрипте указать, что надо <div id="topnav"> меню, а не "<div id="fixedBox"> ?
*

AlekVolsk

  • Профи
  • 6312
  • 336
Весь <div id="topnav">. Для новичка не совсем тривиально, попробуйте в скрипте fixedBox поменять на topnav, а дальше смотрите, что да как доверстывать, учите мат.часть.
Не справитесь сами - стучите в скайп, на комм. основе.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Меню исчез при уменьшении экрана. Шаблон YT Katana

Автор aniangeless

Ответов: 1
Просмотров: 24
Последний ответ 23.09.2017, 01:23:36
от aniangeless
Как в t3 framework разместить меню напротив логотипа\?

Автор KingSnake

Ответов: 3
Просмотров: 48
Последний ответ 18.09.2017, 10:20:49
от lexxbry
Выпадающее меню по клику в шаблонах Yootheme

Автор pvi1

Ответов: 3
Просмотров: 66
Последний ответ 13.09.2017, 21:54:15
от fbr
Joomla видит только шаблон по-умолчанию

Автор dmmur

Ответов: 1
Просмотров: 115
Последний ответ 11.09.2017, 18:43:54
от kotstantin
Как сделать всплывающее описание для вступительных картинок в Joomla 3

Автор 964758

Ответов: 0
Просмотров: 69
Последний ответ 27.08.2017, 22:46:41
от 964758