Fixed Navigation как сделать?

Question

[Alibek Kulseitov]

После того как пользователь сайта дойдет до этой менюшки она должна становиться fixed а если пользователь поднимется выше исходной позиций менюшки то менюшка опять становиться static.

Вообщем исходная точка менюшки идет не вверху сайта а ниже одного блока.

Answer 1

[Aleksandr]

$(function() {
		if ($('.menu').length > 0) {
			$('.menu').css('z-index', 9);
			var menu = $('.menu').offset().top;
			$(window).scroll(function() {
				if ($(this).scrollTop() > menu) {
					if ($('.menu').css('position') != 'fixed') {
						$('.menu').css({
							'position': 'fixed',
							'top': '0px'
						});
					}
				} else {
					if ($('.menu').css('position') != 'static') {
						$('.menu').css({
							'position': 'static'
						});
					}
				}
			});
		}
	});

jsfiddle.net/gk8nsjca

Comments

[Alibek Kulseitov]

Огромное спасибо =) А не подскажете как избавиться от блика? когда менюшка становится fixed оно мигает на 1 сек и дальше идет. Короче говоря добавить transition ?

[Aleksandr]

AlibekKulseitov: залей на jsfiddle, я хоть посмотрю

[Alibek Kulseitov]

Sashjkeee: на jsfiddle не получится) вот lamor.kz/rumi

[Aleksandr]

AlibekKulseitov: В Firefox например все нормально, не могу понять, почему в Chrome так.

Answer 2

[wintermoon]

Проще не морочить голову и взять плагин, называется это все дело sticky https://github.com/garand/sticky