Делаем панель навигации фиксированной при вертикальном перемещении по странице

Мануал Делаем панель навигации фиксированной при вертикальном перемещении по странице

Как сделать панель навигации фиксированной при вертикальном перемещении по странице.
Чтобы сделать панель навигации фиксированной при вертикальном перемещении по странице, необходимо добавить код в 2 шаблона:

  • В шаблоне page_container_js_head вниз добавить код:
Код:
<script type="text/javascript">
$(function(){
    $(window).scroll(function(){
        // hauteur calculй en fonction des variables de style de Xenforo, si vous utilisez un logo personnalisй, modifiй les valeurs de la varaible de style suivante: Header et navigation
        if ($(window).scrollTop() > <xen:if is="!{$visitor.user_id}">{xen:calc '@headerLogoHeight + @headerTabHeight - 20'}</xen:if><xen:if is="{$visitor.user_id}">{xen:calc '@headerLogoHeight + @headerTabHeight'}</xen:if>) {
            $("#navigation").addClass("sticky");
        } else {
            $("#navigation").removeClass("sticky");
        }
    });
});
</script>
  • В шаблон EXTRA.css добавляем код:
Код:
#navigation { -webkit-transition: opacity 1s ease; -moz-transition...
У Вас нет прав доступа на просмотр полного содержания этого ресурса. Войдите или зарегистрируйтесь сейчас.
Автор
SOUL
Просмотров
20
Первый релиз
Новые обновления
Оценка
0,00 звезда(ы) 0 оценки(ок)

Другие ресурсы от SOUL

Сверху Снизу