Липкие блоки на jQuery by Apocalypse
Добавлено 14.10.2017 в 14:26
Липкие блоки на jQuery by Apocalypse
Данное решение покажет вам, как любой блок на вашем сайте сделать "Липким" - прилипающим к верхней части страницы при прокрутке страницы вниз.

Установка:

1#: В самый низ вашего CSS вставьте:

Код
.apostick {
position: fixed;
margin-top: 0px!important;
z-index: 1;
top: 0px;
}


2#: HTML код примера:

Код
<div class="apoparent">
<div id="aposticky">Я - липкий блок<br /><br />Прокрути страницу вниз</div>
</div>


3#: Сразу после предыдущего кода вставьте:

Код
<script>
$(function() {
var ae = $('#aposticky'); // id элемента, который нужно прилепить
var ao = ae.offset();

document.onscroll = function() {
if(ao.top <= $(window).scrollTop()) {
ae.addClass('apostick');
} else {
ae.removeClass('apostick');
};
};
});

// imapo.ru (c) 2016
</script>


Установка завершена!
К материалу оставили 0 комментариев