Vk Share
Скрытые разделы форума видят только Авторизированные пользователи принятые в клан!

  • Страница 1 из 1
  • 1
"Липкий блок" by Fomir

fomir
Оффлайн
Сообщение # 1
Понедельник, 28.04.2014, 00:30
Мастер Клинка и Лука
Имя:
Андрей
Сообщений:
682
Подарки:
128

После < /head > на нужных страницах вставляйте:
Код
<div id="lip">
контент блока
</div>

Сразу после предыдущего кода вставляйте:
Код
<script>    
    $(function() {    
    var box = $('#lip');    

    var top = box.offset().top - parseFloat(box.css('marginTop').replace(/auto/, 0));    
    $(window).scroll(function(){    
    var windowpos = $(window).scrollTop();    
    if(windowpos < top) {    
    box.css('position', 'static');    
    box.css('width', 223);    
    } else {    
    box.css('position', 'fixed');    
    box.css('top', 48);    
    box.css('width', 223);    
    }    
    };);    
    };);    
</script>

Строчка «box.css(‘top’, 48);» отвечает за высоту фиксированной зоны, к которой прилипнет блок. 48 — отступ сверху, в пикселях.

Строчка «box.css(‘width’, 223);» отвечает за ширину блока фиксированной зоны, к которой прилипает блок. 223 — ширина блока в пикселях (прилипший блок меняет свою ширину). В первом упоминании — строчка отвечает за ширину ДО прилипания, во втором — когда уже прилип.

Действие скрипта — как только заданный отступ сверху касается блока — блок прилипает. Возможно настроить совершенно отдельный вид блока, в «прилипшем» состоянии

Автор скрипта Fomir


СообщениеПосле < /head > на нужных страницах вставляйте:
Код
<div id="lip">
контент блока
</div>

Сразу после предыдущего кода вставляйте:
Код
<script>    
    $(function() {    
    var box = $('#lip');    

    var top = box.offset().top - parseFloat(box.css('marginTop').replace(/auto/, 0));    
    $(window).scroll(function(){    
    var windowpos = $(window).scrollTop();    
    if(windowpos < top) {    
    box.css('position', 'static');    
    box.css('width', 223);    
    } else {    
    box.css('position', 'fixed');    
    box.css('top', 48);    
    box.css('width', 223);    
    }    
    };);    
    };);    
</script>

Строчка «box.css(‘top’, 48);» отвечает за высоту фиксированной зоны, к которой прилипнет блок. 48 — отступ сверху, в пикселях.

Строчка «box.css(‘width’, 223);» отвечает за ширину блока фиксированной зоны, к которой прилипает блок. 223 — ширина блока в пикселях (прилипший блок меняет свою ширину). В первом упоминании — строчка отвечает за ширину ДО прилипания, во втором — когда уже прилип.

Действие скрипта — как только заданный отступ сверху касается блока — блок прилипает. Возможно настроить совершенно отдельный вид блока, в «прилипшем» состоянии

Автор скрипта Fomir

Автор - fomir
Дата добавления - 28.04.2014 в 00:30
  • Страница 1 из 1
  • 1
Поиск:
Вся информация, размещенная на данном интернет ресурсе, предоставлена исключительно в ознакомительных целях.
Копирование материала без согласия Администрации ресурса TOR-Gaming.ru - запрещено.
General Design by fomir ( Andrew oO Fox )
Achivment Design by Azazeldiz (c.) 2012-2026
Используются технологии uCoz и ApoTeam
вверхвернуть позициювниз