Здравствуйте!
Я занимаюсь версткой, но пока очень поверхностно знаком с js. Пробовал гуглить задачу, пытался методом «тыка» исправить готовые скрипты, но ничего путного не вышло.
Хочу сделать прилипающий блок, но не сверху экрана, как часто можно видеть на сайтах, а снизу.
Аналог можно посмотреть на tjournal.ru — нижний правый блок («О проекте», «Реклама» и т.п.). Пользователь скроллит до блока, а блок цепляется к нижней границе окна. И отцепляется, соответственно.
Сейчас использую скрипт, который цепляет блок к верхней границе, вот листинг:
<script>
$(function() {
var fixblock_height = $('#fixblock').height();
var fixblock_pos = $('#fixblock').position().top; ;
$(window).scroll(function(){
if ($(window).scrollTop() > fixblock_pos){
$('#fixblock').css({'position': 'fixed', 'top':'0px', 'z-index':'10'});
}else{
$('#fixblock').css({'position': 'static'});
$('#headblock').css('padding-bottom', '0px');
}
})
});
</script>
<div id="fixblock">Содержимое скользящего блока</div>
Буду благодарен за помощь в корректировке условия.