Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.06.2017, 15:37
Новичок на форуме
Отправить личное сообщение для xreider Посмотреть профиль Найти все сообщения от xreider
 
Регистрация: 16.06.2017
Сообщений: 2

Как сделать, чтобы у длинного плавающего aside при прокрутке клеился низом к экрану?
привет! Ребята, нужно сделать так, чтобы при прокрутке экрана в низ, длинный плавающий 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;
}

Последний раз редактировалось xreider, 16.06.2017 в 15:39.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать, чтобы при возвращении к странице, возвращалось прежнее состояние? Battlemouse Общие вопросы Javascript 17 05.04.2016 17:22
Как сделать чтобы слайдер появлялся при клике на картинку? Shinjiru Элементы интерфейса 1 04.11.2013 14:57
как сделать так чтобы в popup окне принимался css стили,? sarik Общие вопросы Javascript 2 12.03.2013 10:24
Как сделать, чтобы музыка <embed> на странице не играла только при первом посещении? Bad Request Общие вопросы Javascript 22 27.07.2009 19:44
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24