Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.03.2009, 17:03
Новичок на форуме
Отправить личное сообщение для art-danilov Посмотреть профиль Найти все сообщения от art-danilov
 
Регистрация: 05.03.2009
Сообщений: 8

положение объекта
Добрый день, помогите советом - каким образом лучше получить координаты объекта относительно верхней точки страницы?
Пробовал варианты с offsetheight, clientheight, scrollheight - не помогают.

Суть в том, что у меня верстка с опускаемым подвалом, на фоне должен быть градиент. Надо растянуть картинку не на 100%х100%, а так, чтобы низ градиентной картинки достигал подвала на малых экранах, когда подвал находится ниже видимой области экрана.
Ответить с цитированием
  #2 (permalink)  
Старый 05.03.2009, 19:43
...
Отправить личное сообщение для Zibba Посмотреть профиль Найти все сообщения от Zibba
 
Регистрация: 13.10.2008
Сообщений: 225

Сообщение от art-danilov
координаты объекта относительно верхней точки страницы
document.getElementById('el').offsetTop;

Сообщение от art-danilov
Надо растянуть картинку не на 100%х100%, а так, чтобы низ градиентной картинки достигал подвала на малых экранах, когда подвал находится ниже видимой области экрана.
Так вам расстояние от объекта до верхней границы видимой области нужно узнать или высоту видимой области/объекта!?
Ответить с цитированием
  #3 (permalink)  
Старый 05.03.2009, 20:25
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от Zibba
document.getElementById('el').offsetTop;
function getOffsetTop(element) {
    var offset = 0;
    do {
        offset += element.offsetTop;
    } while (element = element.offsetParent);
    return offset;
}

Даже это будет работать не во всех случаях. Во всех случаях будет работать метод getBoundingClientRect, но он есть не во всех браузерах.
Ответить с цитированием
  #4 (permalink)  
Старый 05.03.2009, 20:34
...
Отправить личное сообщение для Zibba Посмотреть профиль Найти все сообщения от Zibba
 
Регистрация: 13.10.2008
Сообщений: 225

Что то я не учел вложенные элементы, думал топикстартеру нужно узнать положение элемента вложенного в body (а так, да, все немного сложнее :/ )
Ответить с цитированием
  #5 (permalink)  
Старый 05.03.2009, 20:55
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

А собственно кто-нибудь знает, как определить позицию элемента для такой верстки без использования getBoundingClientRect?
body {
    width: 700px;
    position: relative;
    margin: 0 auto;
}

Проблема тут в том, что система координат на странице начинается с body, а он хоть и сдвинут, offsetLeft имеет 0.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как узнать тип значения объекта? VHS Общие вопросы Javascript 1 07.01.2009 22:57
тип поля объекта Anatoliy Общие вопросы Javascript 5 23.12.2008 16:17
Можно ли получить имя экземпляра объекта внутри самого объекта? Ichigeki Общие вопросы Javascript 9 14.11.2008 18:00
Пропорциональное шкалирование объекта dust Events/DOM/Window 5 24.09.2008 22:18
Не работает перебор свойств объекта BANick Общие вопросы Javascript 1 16.09.2008 21:46