[4.2.x]

Сам скрипт написал kerk, за что ему большое спасибо!

Реализация "Плавающего" блока кнопок навигационной панели в 4.2.1:

В админке добавляем дополнительное поле профиля:
Добавить дополнительное поле профиля - Тип поля профиля: "Радио" кнопки с выбором одного

Заполняем:

Заголовок: "Плавающий" блок кнопок навигационной панели
Описание:
"1" - Включено
"0" - Отключено
Опции:
1
0
Личное поле: Да
Доступен поиск по этому полю в списке пользователей: Нет
Отображать в списке пользователей: Нет
Какая страница отображает эту опцию? Опции: Другое

Сохраняем
Запоминаем ID вашего поля!

В шаблоне navbar ищем

<div id="navbar" class="navbar">

Заменяем на

<vb:if condition="$bbuserinfo[fieldID]  == '1'">
<div id="navbar" class="navbar float-block">
<vb:else />
<div id="navbar" class="navbar">
</vb:if>

ВАЖНО: вместо ID вписываем ID поля который вы запоминали!


Далее, в самом низу шаблона дописываем

<script type="text/javascript">
YAHOO.util.Event.onDOMReady(function()
{
    var i, posY, float_blocks = YAHOO.util.Dom.getElementsByClassName("float-block"),
    footer = YAHOO.util.Dom.getElementsByClassName("footer_bg"),
    footerPosY = YAHOO.util.Dom.getY(footer),
    toTop = YAHOO.util.Dom.get("up_link");
    if(toTop)
    {
        YAHOO.util.Event.on(toTop, "click", function(e)
        {
            e.preventDefault();
            var scrollingBody = document.body;
            if(YAHOO.env.ua.gecko || YAHOO.env.ua.opera)
            {
                scrollingBody = document.documentElement;
            }
            new YAHOO.util.Scroll(scrollingBody, {scroll: {to: [0, 0]}}, 0.7, YAHOO.util.Easing.easeIn).animate();
        }, this, true);
    }
    if(float_blocks.length)
    {
        for(var j = 0; j < float_blocks.length; j++)
        {
            float_blocks[j].setAttribute("fixed_width", float_blocks[j].offsetWidth);
        }
        posY = YAHOO.util.Dom.getY(float_blocks);
        YAHOO.util.Event.on(window, "scroll", function(e)
        {
            YAHOO.util.Event.stopEvent(e);
            for(i = 0; i < float_blocks.length; i++)
            {
                var blockElm = float_blocks[i];
                blockElm.style.width = blockElm.getAttribute("fixed_width") + 'px';
                blockH = blockElm.offsetHeight;
                bottomStopPoint = parseInt(footerPosY[0] - (blockH) - 30);
                if(window.scrollY >= posY[0] && (footerPosY[0] >= window.scrollY) && (window.scrollY < bottomStopPoint))
                {
                    YAHOO.util.Dom.setStyle(blockElm, "position", "fixed");
                    YAHOO.util.Dom.setStyle(blockElm, "top", '0px');
                    YAHOO.util.Dom.setStyle(toTop, "display", 'block');
                    YAHOO.util.Dom.setStyle(toTop, "cursor", 'pointer');
                }
                else if(window.scrollY > bottomStopPoint)
                {
                    YAHOO.util.Dom.setStyle(blockElm, "position", "absolute");
                    YAHOO.util.Dom.setStyle(blockElm, "top", bottomStopPoint + 'px');
                    YAHOO.util.Dom.setStyle(toTop, "display", 'block');
                }
                else if(window.scrollY < posY[0])
                {
                    YAHOO.util.Dom.setStyle(blockElm, "position", '');
                    YAHOO.util.Dom.setStyle(blockElm, "top", '');
                    YAHOO.util.Dom.setStyle(toTop, "display", 'none');
                    YAHOO.util.Dom.setStyle(blockElm, "width", '');
                }
            }
        }, this, true);
    }
});
</script>

В шаблоне footer ищем

<div id="footer" class="floatcontainer footer">

Меняем на

<div id="footer" class="floatcontainer footer footer_bg">

В шаблон additional.css добавляем

.float-block {
z-index: 9999;
}

Если что-то в коде "криво", прошу наших гуру поправить, а вообще всё вполне работоспособно

А как оно хоть выглядеть должно? Сделал на 4.2.0 но не пойму что и где посмотреть чтобы проверить работает или нет. В опциях в профиле вкл.

Originally Posted by Canny

А как оно хоть выглядеть должно? Сделал на 4.2.0 но не пойму что и где посмотреть чтобы проверить работает или нет. В опциях в профиле вкл.

Точно так-же как и здесь, на саппорте)) Вверху, если скроллить мышкой вниз, блок навигации остаётся на месте.

Так он то прокручиваеться то нет)) ну вроде понял хоть что и где, хотя у меня ничего не крутиться, ну так не помешает думаю.

Originally Posted by Canny

ну так не помешает думаю

Если привыкнуть, то очень удобно! Ещё раз, спасибо Кerkу!

Заметил в плавающей панели толи баг, толи что то непонятное. Вообщем когда на странице под спойлером много информации в развёрнутом виде спойлера - в определенный момент при прокрутке страницы вниз - панель уходит вверх, т.е. на опр. моменте панель всёравно уезжает. Что это может быть, как можно исправить ?

Originally Posted by Canny

уежжает

что делает? жужжит?

скрипт "запоминает" расстояние между "плавающей панелькой" и элементом в футере, после загрузки страницы (если точней, после того, как "DOM построен")
при открытии спойлера, это расстояние естессно увеличивается, но скрипту об этом никто не сказал
нужно переписывать скрипт таким образом, что бы он отрабатывал и при перестроении элементов DOM дерева, в том числе

kerk, а много переписывать придётся?

так сейчас

он_дом_риди = функция()
{
  код функции
}

а нужно так

функция бла_бла()
{
   код функции
}
он_дом_риди = функция()
{
    бла_бла()
}

ну и еще кусок добавить на виндов_ресайз() или документ_ресайз()
нужно смотреть...