14 ноября 2012 в 11:56
Есть главное меню , стоит оно на конкретном месте , нужно сделать так, чтобы опускаясь ниже этого меню оно плыло вниз с прокруткой оставаясь само наверху страницы. Я знаю что можно в ccs прописать position : fixed; top : 5px; но меню тогда соскочит сразу вверх а мне надо например если человек читает длинную статью то для перехода не надо было ему возвращатся вверх для выбора каого то раздела
Комментарии
Пользуйтесь наздоровье
// fixed menu
var offset = $("#fixed").offset();
$(window).scroll(function(){
if ($(window).scrollTop() > offset.top) {
$("#fixed").css({'top': '10px', 'position': 'fixed'}); /* тут можно задать отступ от верхней границы, в данном случае это 10 px */
}
else {
$("#fixed").css({'top': offset.top, 'position': 'static'});
}
});
а вместо #fixed я так пологаю ID меюшки в файле или сам файл ccs
вместо #fixed - вставляете айдишник/класс любого элемента который хотите закрепить.
спасибо
Извините за тупой вопрос но
что то с вставкой Этого js никак не хочет меню ползти , вот мой сайт mr-rf.ru попробуйте через Firebug
Потому как я вставляю через firebug и ничего не происходит , может где ошибки в js . JS для меня просто нечитаемый
вот два скрина и ничего не происходит
нажми на скрин и откроется в большом формате
.scrollTop() > offset.top
Я воспользовался firebud`ом сделал копи\паст поменяв разве только #fixed на #topmenu
Это конечно пригодится, спасибо, но я добавил JS через firebug в интернет сайте. и это должно сработать.
потому как если я через firebug меняю в каскаде дописываю поле position : fixed то менюшка сразу улетает наверх окна . А если я сразу залью в файл JS то там уже гадай работает он или нет