На сайте ведутся работы!
Поэтому могут быть ошибки и недочеты. Приносим свои извинения и постараемся все исправить в ближайшее время.
AdBlock
Блокируйте рекламу. Просматривайте быстрее.
Adguard
Самый быстрый и легковесный блокировщик рекламы для браузеров.
Недавние обсуждения
Данное решение покажет вам, как любой блок на вашем сайте сделать "Липким" - прилипающим к верхней части страницы при прокрутке страницы вниз.

Установка:

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>


Установка завершена!
Теги к материалу
jquery, Липкие, Apocalypse, блоки, by, на
Поделись материалом с друзьями
Рекомендуем к просмотру
К материалу оставили 0 комментариев