Как сделать фиксированное меню?

Question

[Максим Морозов]

В общем нужно сделать фиксированное меню для такого элемента. Элементы с помощью JavaScript меняются путём перекладывания слоёв и измению классов. Нужно сделать фиксированное меню, чтобы она срабатывало при пролистывание. Потому что стандартными якорями не работает.
Вот взятый мной велосипед в изначальном состоянии:
https://jsfiddle.net/n6of70wk/

Я сделал самый простой способ для меню, добавил цикл, сколько слоёв надо переплеснуть, но это возможно только для отдельных элементов, то есть располагать на разных слоях меню с разными вводными данными. Нужно сделать фиксированное, которое не будет меняться, а стоять фиксированно в одном любом месте.

function buttonScroll(where, cost) {
	if ($('.item').hasClass('delay')) return false;
	for (let index = 0; index < cost; index++) {
		if (where) {
			scroll($('.right'), true);
			scroll($('.left'), false);
		} else {
			scroll($('.left'), true);
			scroll($('.right'), false);
		}
	}
}

Но теперь мне надо сделать это для фиксированного меню, подскажите, как можно это реализовать?

Comments

[Destell]

Position: fixed?

Answer 1

[Юпитер Макс]

а фиксировать-то его где надо?

Comments

[Максим Морозов]

Справа вверху, в принципе какая разница где. Я видимо плохо описал вопрос, мой косяк. В общем надо сделать так, чтобы меню было фиксированным и при этом могло пролистывать слои без помощи моего костыля. То есть слои перелистываются, меню же остаётся на своём месте и работает, что при нажатие перелистываемая на определённый слой