Joomla! България

Стари версии на Джумла! => Joomla! 3.x => Общи въпроси за Joomla! 3.x => Темата е започната от: koko kolev в 01 Август, 2016, 01:35:00

Титла: Вграждане на функция и div.
Публикувано от: koko kolev в 01 Август, 2016, 01:35:00

Здравейте.

За пръв път ми се случва да правя подобно нещо.

Целта е да накарам функцията и div да работят...

Слагах функцията в различни папки, a div в модул, нищо не се случва.

Функцията е:

$(function() {
    var top = $('#sidebar').offset().top - parseFloat($('#sidebar').css('marginTop').replace(/auto/, 0));
    var footTop = $('#footer').offset().top - parseFloat($('#footer').css('marginTop').replace(/auto/, 0));

    var maxY = footTop - $('#sidebar').outerHeight();

    $(window).scroll(function(evt) {
        var y = $(this).scrollTop();
        if (y > top) {
            if (y < maxY) {
                $('#sidebar').addClass('fixed').removeAttr('style');
            } else {
                $('#sidebar').removeClass('fixed').css({
                    position: 'absolute',
                    top: (maxY - top) + 'px'
                });
            }
        } else {
            $('#sidebar').removeClass('fixed');
        }
    });
});

А DIV е:

<div id="sidebarWrap">
    <div id="sidebar">Sidebar</div>
</div>

Който див е поставен в страничната лента и трябва да спира в адресната лента при скрол с мишката към края на страницата. Е не мога да го измисля - по точно не знам къде да сложа тази функция за да заработи. :) Ще се радвам на помощта Ви.

Това е цялата работа със страничната лента (sidebar), която трябва да се случи :)
http://jsfiddle.net/bryanjamesross/VtPcm/

Титла: Re: Вграждане на функция и div.
Публикувано от: bongo1111 в 01 Август, 2016, 07:22:53

Пробвай с това за да нямаш проблеми при ъпдейт.
http://extensions.joomla.org/extension/add-custom-javascript