привет! Ребята, нужно сделать так, чтобы при прокрутке экрана в низ, длинный плавающий aside клеился низом к экрану. Но если он не длиннее высоты экрана, то чтобы так и клеился к вверху. (
Идея отсюда , нужно чтобы двигался aside как
на этом сайте )
Вот мой сайт
http://wikihsk.ru/publ/
Переделать нужно этот код
$stick = $('aside');
$foot = $('footer');
margin = 0;
offtop = $stick.offset().top - margin;
offbtm = $foot.offset().top - ( margin*2 + $stick.height() );
$(window).scroll(function () {
scrtop = $(window).scrollTop();
if (scrtop > offtop && $stick.hasClass('aside1')) {
$stick.removeClass('aside1').addClass('fixed').css('top', margin);
}
if (offtop > scrtop && $stick.hasClass('fixed')) {
$stick.removeClass('fixed').addClass('aside1').css('top', 'auto');
}
if (scrtop > offbtm && $stick.hasClass('fixed')) {
$stick.removeClass('fixed').addClass('bottom').css('top', offbtm+margin);
}
if (offbtm > scrtop && $stick.hasClass('bottom')) {
$stick.removeClass('bottom').addClass('fixed').css('top', margin);
}
});
aside.fixed {position: fixed;}
aside {position: absolute; display: block;
margin-left: 650px; }
article {position: relative;}
footer {
position: relative;
clear: both;
height: 300px;
}