Новости Joomla

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

Алесксандр

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


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

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Как здесь: 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 / 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

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

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2454
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4688
Последний ответ 23.05.2023, 07:22:49
от geral
Шаблоны Joomlart, Gavick, Yootheme, RocketTheme для Joomla: легально и с обновлениями, no warez

Автор _ib_

Ответов: 168
Просмотров: 198911
Последний ответ 15.04.2023, 18:26:50
от AS1969
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1125
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2148
Последний ответ 20.03.2023, 12:42:49
от Andre100