Липкие блоки на jQuery by Apocalypse
Данное решение покажет вам, как любой блок на вашем сайте сделать "Липким" - прилипающим к верхней части страницы при прокрутке страницы вниз.
Установка:
1#: В самый низ вашего CSS вставьте:
2#: HTML код примера:
3#: Сразу после предыдущего кода вставьте:
Установка завершена!
Установка:
1#: В самый низ вашего CSS вставьте:
Код
.apostick {
position: fixed;
margin-top: 0px!important;
z-index: 1;
top: 0px;
}
position: fixed;
margin-top: 0px!important;
z-index: 1;
top: 0px;
}
2#: HTML код примера:
Код
<div class="apoparent">
<div id="aposticky">Я - липкий блок<br /><br />Прокрути страницу вниз</div>
</div>
<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>
$(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>
Установка завершена!
-D-I-N-I-S-
14.10.17 в 14:26
1.3k
0
Источник