emeritua Сообщение 14/03/2013 10:15 Копия темы
Эффект фиксации div'ов при прокрутке (скруле) Подскажите пожалуйста, как называется этот эффект с меню? Линк www.vogue.ru/
Заранее большое спасибо!

xbost Сообщение 14/03/2013 10:20 Копия темы
при прокрутке на Х пикселей от верха страницы блоку менюшки добавляется position: fixed

emeritua Сообщение 14/03/2013 10:25 Копия темы
Я так понимаю, эффект придает jQuery скрипт, который отсчитывает для определенного DIVа позицию в пикселях при скруле, так?

balaka Сообщение 14/03/2013 10:28 Копия темы
masscode.ru/index.php/k2/...

www.google.ru/webhp?sourc...

Но можно и самому написать, там три строчки.

PallasKatze Сообщение 14/03/2013 10:29 Копия темы
> при скруле
При скролле.

PallasKatze Сообщение 14/03/2013 10:30 Копия темы
В некоторых случаях можно сразу добавлять position: fixed.
В этом – только скриптами и не забыть компенсировать высоту меню в месте его расположения, т.к. блок с position: fixed вытаскивается из общего потока.

balaka Сообщение 14/03/2013 10:33 Копия темы
А вот с сайта ВОГ
var a = $('.main_menu').offset().top;
$(window).scroll(function(){
if($('.main_menu').offset().top <= $(window).scrollTop()) {
$('.main_menu').addClass('fixedtop');
}
if(a >= $(window).scrollTop()) {
$('.main_menu').removeClass('fixedtop');
}
});

xbost Сообщение 14/03/2013 10:36 Копия темы
понятно, что от положения элемента зависит. тут на фрилансе панелька сразу fixed.

человек спрашивал, как там. а там менюшка и так вне потока с position: absolute

PallasKatze Сообщение 14/03/2013 10:39 Копия темы
Я глубоко не вникал в конкретную реализацию, поделилсо своим опытом.

PallasKatze Сообщение 14/03/2013 10:45 Копия темы
Это кошмарно неоптимально и будет подтормаживать на слабых компах, особенно при плавной прокрутке.
Тот же код, только оптимизированный: pastebin.com/XGvW7rNC

balaka Сообщение 14/03/2013 11:03 Копия темы
Спасибо. Буду знать. ВОГу не прикажешь)

rim89 Сообщение 14/03/2013 11:14 Копия темы
Сайт на бутстрапе, и менюшка с него же

xbost Сообщение 14/03/2013 11:17 Копия темы
в 10-й строке $(window) осталось :3

emeritua Сообщение 14/03/2013 11:27 Копия темы
Спасибо, Юрий!
Это то, что нужно. Как-то я этот код сам не увидел, ковырял ведь.

emeritua Сообщение 14/03/2013 11:29 Копия темы
Александр, спасибо большое!
И ресурс прикольный – кодообменник интересный :)

emeritua Сообщение 14/03/2013 11:34 Копия темы
Да, позицию fixed использовать – было бы не правильно. Мой пример – немного поправил верхнюю менюшку фриланса через stylish.
Имелось в виду, как можно при прокрутке использовать параметр if и присваивать соответствующий class для DIVов.
У меню на Вог стоит сейчас "position: absolute;" – поэтому стало интересно.
udp: фриланса скрина кусок

PallasKatze Сообщение 14/03/2013 11:41 Копия темы
Исправил, бывает)