[Скрипт] Вывод тем в случайном порядке [4.2.x]

Тема в разделе "vBulletin 4.0.x -4.1.x", создана пользователем nib, 22 авг 2014.

  1. nib

    nib

    Регистрация:
    14 авг 2014
    Сообщения:
    9
    Симпатии:
    2
    Тут я напишу как сделать скролл как во вконтакте, по моему скромному мнению это небольшой шедеврик в своём роде

    1 - Качаем сам плагин скроллинга тут [YUI] VSQ - Scroll To Top

    2 - Устанавливаем, смортим, работает ли оригинал, если работает, то

    3 - заменям всё содержимое файла vsqscrolltotop на это

    Код:
    /**
    * @author [email protected]
    */
    YAHOO.util.Event.onDOMReady(function(){
        var Y = YAHOO.util;
        var btn = document.createElement('div');
        with(btn.style)
        {
            width = "5%";
            height = "100%";
            background = "url('http://pescups.ru/forum/images/triangle1.png') no-repeat scroll 50% 40% #F88C00";
            position = "fixed";
            bottom = "0px";
            left = "0px";
            cursor = "pointer";
            display = "block";
            opacity = "0";
        }
        btn.title = "To Top";
        document.body.appendChild(btn);
        var hide = new Y.Anim(btn, {opacity: {from: 0.20, to: 0}}, 0.3), show = new Y.Anim(btn, {opacity: {from: 0, to: 0.20}}, 0.3);
        var scroll = new Y.Scroll(document.getElementsByTagName((YAHOO.env.ua.webkit ? "body" : "html"))[0], {scroll: {to: [0, 0]}}, 0.1);
        hide.onComplete.subscribe(function(){btn.style.opacity = 0;});
        show.onComplete.subscribe(function(){btn.style.opacity = 0.20;});
        scroll.onComplete.subscribe(function(){hide.animate();});
        Y.Event.on(btn, "click", function(){scroll.animate();});
        Y.Event.on(window, "scroll", function(){
            if (Y.Dom.getDocumentScrollTop() > 100)
            {
                if (btn.style.opacity < 0.20 && !scroll.isAnimated())
                {
                    show.animate();
                }
            }
            else
            {
                if (btn.style.opacity > 0 && !scroll.isAnimated())
                {
                    hide.animate();
                }
            }
        });
    });
    P.S. Чтобы сменить цвет полоски под ваш стиль, просто вписываем его заместо моего в этой сточке, в ней же можно сменить картинку (у меня треугольник)

    background = "url('http://pescups.ru/forum/images/triangle1.png') no-repeat scroll 50% 40% #F88C00";

    Вот и всё, приятного скроллинга

    первоисточноик