Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.08.2013, 20:22
Аспирант
Отправить личное сообщение для razorg1991 Посмотреть профиль Найти все сообщения от razorg1991
 
Регистрация: 10.11.2012
Сообщений: 98

Фиксация div'a вверху страницы при прокрутке
Структура такая:

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>


CSS такой:

.div1 {
    height: 70px;
    width: 100%;
}
.div2 {
    height: 70px;
    position: relative;
    width: 100%;
    z-index: 99999;
}
.div3 {
    width:100%;
}


Нужно чтобы все прокручивалось, НО при достижении div2 верха окна браузера div2 упирался и дальше не прокручивался, т.е. типа как бы зафиксированным стал.
Хороший пример есть вот на этом сайте:
http://demo.ksenmart.ru/
Смотря в firebag, видно скрипт дает элементу стиль: position: fixed; top: 0px; .
А при прокрутке обратно до самого верха скрипт уже дает элементу стиль position: static; top: 0px; .

Как это осуществить?
Ответить с цитированием
  #2 (permalink)  
Старый 30.08.2013, 20:51
Профессор
Отправить личное сообщение для Яростный Меч Посмотреть профиль Найти все сообщения от Яростный Меч
 
Регистрация: 12.04.2010
Сообщений: 557

window.onscroll - событие прокрутки.

для кроссбраузерного определения, насколько проскроллилась страница вниз, можно использовать функцию
function GetBodyScrollTop () {  
	return window.pageYOffset || window.scrollY || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop) || 0;  
}
Ответить с цитированием
  #3 (permalink)  
Старый 30.08.2013, 21:13
Интересующийся
Отправить личное сообщение для КЛ@ВИШ_nick Посмотреть профиль Найти все сообщения от КЛ@ВИШ_nick
 
Регистрация: 25.07.2013
Сообщений: 15

c jquery
http://habrahabr.ru/qa/17534/
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вызвать функцию при загрузке страницы? Yevgeniy Events/DOM/Window 1 30.01.2013 15:34
Как сделать чтобы элемент появлялся при скроле страницы, у определенного класса. SnakeAce Общие вопросы Javascript 1 30.01.2013 12:32
Прижимание блока при прокрутке страницы byFahrenheit Общие вопросы Javascript 2 14.01.2013 12:03
Фиксация объекта при скрулинге страницы Pashok(one) Общие вопросы Javascript 10 08.01.2013 00:52
Скрипт не работает при заходе на данную страницу, но работает при рефреше страницы foker jQuery 0 26.11.2012 10:27