при прокрутке узнать расстояние до дива
Ребят подскажите пожалуйста как про прокрутке окна узнать какое расстояние от верха окна до дива
|
Ложная вспышка я уже придумал как сделать кидаю свой код под атаку наших критиков)))
грубо говоря была следущая задача: "При прокрутке вниз оставлять блок в фиксированном положении после того как он перешагнет определенный порог" $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop()>50) { $(".two-block").css({"marginTop":$(this).scrollTop()}); } else { $(".two-block").css({"position":"static"}); } }); }); |
раз уж jQuery, то вот полезная статья
|
а чем не понравилась мой код))
|
if ($(this).scrollTop()>50) - этим, если контент выше блока изменится, придется менять число в условии
|
согласен но данная функция будет подключатся с разрешением изменения данного числа код выполняет следущее блок стоит на месте пока не достигнет отметки которую уме задали (устанавливаем какой отступ должен быть сверху от края браузера) а потом просто прибавляем ему отступ от начала страницы вот и все)
|
Я отказываюсь понимать этот пост.. здоровье дороже.. извините..
|
:) нечего страшного
|
Trues, говнокодишь мне тут. :) У тебя при каждом скролле происходит парсинг документа (ищется элемент по селектору), потом применяются уже возможно существующие стили.
Я у себя вот так делал: var menuIsFixed = false; window.eventAdd('scroll', function() { var isScrollFollowHeader = (body.scrollTop || html.scrollTop) >= 250; if(menuIsFixed != isScrollFollowHeader) { main[menuIsFixed ? 'classRemove' : 'classAdd']('menu-fixed'); menuIsFixed = !menuIsFixed; } }); |
:D я только сейчас понял о чем ты говоришь))) но я не могу сделать через offset().top спасибо за напутствия)
|
Часовой пояс GMT +3, время: 13:04. |