Как сделать плавающее меню с помощью JS?

Question

[HeBonpoc]

Мне нужно чтобы сайдбар плавал вместе с экраном при вертикальном скролле. Юзал скрипт, найденный в сети, но там использовалось position: fixed, и при уменьшении экрана меню лезет прямо на контент :(
Я решил написать свой код, ну и получилось что-то такое для начала:

$(window).scroll(function(){
	$('.page_content__nav').css('top', $(this).scrollTop()-150 + 'px');
});

Пока молчу про отвязку и привязку, пока проблема в том что это выглядит очень дёрганно. Можете что-то посоветовать?
Ещё пробовал

$('.page_content__nav').animate({'top': $(this).scrollTop()-150 + 'px'}, 0.001);

С разной скоростью. Тогда менюшка отстаёт от активного скролла

Answer 1

[Денис Инешин]

Зачем такие мутки, забыли про отступ наверное. Вот пример:
jsfiddle.net/r3qf2

Comments

[HeBonpoc]

С верхним меню проблем нет. У меня боковое, и когда оно position: fixed оно залазит вправо на контент.

[Денис Инешин]

@HeBonpoc тогда так: jsfiddle.net/r3qf2/1

[HeBonpoc]

Нештяк, спасибо!

[HeBonpoc]

А нет, вы знаете. Помогло, но не до конца. Всё-таки при приближении в браузере с такими css'ками менюшка не остаётся на месте, уезжает немного влево. Я выставил ей left 50% и margin-left - половину суммы ширины менюшки и контента.

[Денис Инешин]

@HeBonpoc главное что вы поняли принцип