Форум Сайтостроение Веб-строительство

Перемещающийся <div> при вертикальном скроллинге

qilly
На сайте с 28.03.2008
Offline
411
qilly
724

Поделитесь, пожалуйста, кто-нибудь скриптом для организации слайдера блока <div> при вертикальной прокрутке страницы. Спасибо!:)

Пример: это когда вот рекламные блоки вставляются в такие и перемещаются при прокрутке вниз)

bay_ebook
На сайте с 28.05.2010
Offline
111
bay_ebook
#1
qilly:
Поделитесь, пожалуйста, кто-нибудь скриптом для организации слайдера блока <div> при вертикальной прокрутке страницы. Спасибо!:)

Пример: это когда вот рекламные блоки вставляются в такие и перемещаются при прокрутке вниз)

css - position: fixed;

Доп инфу можно найти в поисковиках)

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
M
На сайте с 15.03.2012
Offline
128
Moltisanti
#2

прилагаю js код из своего сайта где есть такая штука, надеюсь поможет разобраться

var coords = $('#leftads').offset();
        $(window).scroll(function() {
            var scrollTop = $(window).scrollTop();
            if (scrollTop > coords.top && $('#leftads').css('position') == 'static') {
                $('#leftads').css({position:'fixed',top:'5px', left:coords.left+'px'});
            }
            if (scrollTop < coords.top && $('#leftads').css('position') == 'fixed') {
                $('#leftads').css({position:'static',top:'auto', left:'auto'});
            }
        });

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий