Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.07.2012, 16:29
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 53

Остановка блока при прокрутке страницы вверх
Есть, например, код:
<div class="header" style="height: 100px;"></div>
<div id="fix"></div>

Как сделать, чтоб блок "fix" при прокручивании страницы вверх оставался вверку окна браузера?

Другими словами. Если координата "top" элемента <div id="fix"> становится "0", - присвоить ему стиль position: fixed; (или класс).

Последний раз редактировалось Lutsk, 30.07.2012 в 16:57.
Ответить с цитированием
  #2 (permalink)  
Старый 30.07.2012, 17:11
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Lutsk
Как сделать, чтоб блок "fix" при прокручивании страницы вверх оставался вверку окна браузера?
Скроллинг клавишами и липкие блоки

Или Вот => Перемещение блока при скроллинге пост 11
Ответить с цитированием
  #3 (permalink)  
Старый 30.07.2012, 17:36
Аспирант
Отправить личное сообщение для Lutsk Посмотреть профиль Найти все сообщения от Lutsk
 
Регистрация: 24.06.2011
Сообщений: 53

Я плохо знаю синтаксис (вернее не знаю). Но здается мне, тут надо плясать от координат окна браузера. Вот откопал скрипт, который их определяет:
function getElementPosition(elemId)
{
   var elem = document.getElementById(elemId);

   var w = elem.offsetWidth;
   var h = elem.offsetHeight;

   var l = 0;
   var t = 0;

   while (elem)
   {
     l += elem.offsetLeft;
     t += elem.offsetTop;
     elem = elem.offsetParent;
   }

   return {"left":l, "top":t, "width": w, "height":h};
}

вот и сделать условие if(){}, где при условии, что "top" == 0, элементу "div" назначается class. Но как его написать, - не знаю.
Ответить с цитированием
  #4 (permalink)  
Старый 30.07.2012, 17:44
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Lutsk,
Ждите bes - он в нативном js посильнее и занимался данной задачей

http://javascript.ru/tutorial/dom/at...s-dom-svoystva

http://javascript.ru/tutorial/dom/intro#classname

Последний раз редактировалось Deff, 30.07.2012 в 17:48.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При вставке в поле по событию, страница съезжает вверх ingwarr jQuery 2 10.05.2012 17:37
Вывод определенного блока при выполнении условий sergiocharm Общие вопросы Javascript 24 17.04.2012 19:22
При прокрутке страницы div залазит на футер. Как поправить? DonaldDrug jQuery 8 27.03.2012 02:15
Выезжающий слой справа или слева, при прокрутке окна Spelesto jQuery 2 04.02.2012 22:05
Как выдавать ошибку при сбросе загрузки страницы? AvaGet Общие вопросы Javascript 2 11.12.2008 19:04