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

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

Как сделать панель навигации фиксированной при вертикальном перемещении по странице.
Чтобы сделать панель навигации фиксированной при вертикальном перемещении по странице, необходимо добавить код в 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
Первый выпуск
Обновление
Рейтинг
0,00 звезд Оценок: 0

Еще ресурсы от SOUL

Поделиться этим ресурсом