Курс 2016 года “Разработка на UMI.CMS от 0 до готового сайта”
Поле "Цена" в фильтре

Автор VyrdРаздел Шаблоны XSLT

Ответов: 9
Просмотров: 4150
Последний ответ 28 Апрель 2012, 06:02:17
от KTI
Поле "Набор изображений"

Автор SumrakrndРаздел Шаблоны XSLT

Ответов: 4
Просмотров: 589
Последний ответ 20 Июнь 2016, 14:52:05
от aghigay
Импорт нескольких изображений в поле Набор изображений

Автор webtrendРаздел Настройка системы и модулей

Ответов: 2
Просмотров: 243
Последний ответ 12 Апрель 2017, 14:17:53
от webtrend
Подставление имени файла в поле "@type = 'file'" в форме обратной связи

Автор AxiomateriaРаздел Шаблоны XSLT

Ответов: 1
Просмотров: 360
Последний ответ 01 Январь 2016, 06:39:09
от admin
Как в форму заказа в один шаг добавить свое поле адрес?

Автор rob1nРаздел Шаблоны XSLT

Ответов: 3
Просмотров: 408
Последний ответ 03 Май 2017, 23:21:19
от aghigay

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

*

Axiomateria

  • ****
  • 320
  • +5/-0
    • Просмотр профиля
    • Разработка продающих сайтов под ключ по честным ценам
Здравствуйте!
Подскажите пожалуйста, вдруг, кто знает, где можно скачать набор скриптов для такого фиксированного меню, как на сайте http://www.avtoall.ru
?
Интересует именно такой вариант как видно на примере сайта avtoall.ru где в прокручиваемой странице с некоторого момента происходит изменение в верхней планке меню, то есть, на пример, вместо ссылок меню появляется строка поиска.
 
« Последнее редактирование: 18 Май 2015, 15:36:46 от Axiomateria »

*

admin

  • *****
  • 2443
  • +172/-1
    • Просмотр профиля
Если у вас bootsrap, то в него уже встроены такие фишки.

*

atach

  • ***
  • 165
  • +6/-0
    • Просмотр профиля
Если вкратце я делаю так:

// top_floating - id моего дива который и является всплывающим меню
// update_floating - функция которые высчитывает это все когда показывать.
$(document).ready(function() {
      $('#top_floating').hide();
      $(window).scroll(update_floating);
});

// link_pic04 - id элемента на страницы, при достижении скролла, выпадает или исчезает выпадающее меню
function update_floating() {
  var $header = $('#link_pic04');
  if ($(window).scrollTop() > $header.offset().top + $header.innerHeight() - 47) {
    $('#top_floating').slideDown();
  } else {
    $('#top_floating').slideUp();
  }
}
ну и соответствующие стили ещё у меню - position: fixed;
Так что вперед, пробуй ;)

*

Axiomateria

  • ****
  • 320
  • +5/-0
    • Просмотр профиля
    • Разработка продающих сайтов под ключ по честным ценам
Решение удалось применить такое:
JS такой:
$(document).ready(function () {
    var $menu = $("#menu");
    $(window).scroll(function () {
        if ($(this).scrollTop() > 70 && $menu.hasClass("default")) {
            $menu.fadeOut('fast', function () {
                $(this).removeClass("default")
                        .addClass("fixed")
                        .fadeIn('fast');
            });
        } else if ($(this).scrollTop() <= 70 && $menu.hasClass("fixed")) {
            $menu.fadeOut('fast', function () {
                $(this).removeClass("fixed")
                        .addClass("default");
            });
        }
    });
});
CSS такой:
#menu.default {
    display: none;
}
#menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
XSLT той части меню, которая преобразовывается после прокрутки страницы после 70px вниз такой:
                
                <div id="menu" class="default header-yarus wrap">
                    <xsl:apply-templates select="document('udata://menu/draw/navisectorscroll')" mode="central_menu"/>
                    <form action="/search/search_do/" method="get" role="form">
                        <input type="text" placeholder="Ваш запрос" value="&search-default-text;" name="search_string" onblur="javascript: if(this.value == '') this.value = '&search-default-text;';" onfocus="javascript: if(this.value == '&search-default-text;') this.value = '';"  x-webkit-speech="" speech="" class="scrolling" />
                        <button class="btn btn-primary btn-scroll" title="Найти" type="submit">
                            <xsl:text>&search;</xsl:text>
                        </button>
                    </form>
                    <xsl:apply-templates select="document('udata://emarket/cart')" mode="basket_scroll" />
                </div>

примечание: у меня кроме меню ещё краткая информация о содержимом корзины и поисковая строка выводится.