У меня есть менюшка, у которой значение position: fixed;
. Она при скроллинге болтается то вертикально, то горизонтально, то есть по оси (X;-X;Y;-Y). А мне нужно, чтоб фиксация была только вертикально, по оси (Y;-Y).
-
Как это болтается то вертикально, то горизонтально? Если у нее position: fixed она должна быть прибита к одному месту на экране по всем осям.– LinnTroll16 дек 2014 в 17:03
-
как это должно выглядеть, дайте взглянуть...– semjaza16 дек 2014 в 17:04
-
Вы этого хотите? jsfiddle.net/07u3b9w4/1– LinnTroll16 дек 2014 в 17:39
-
ВОТ!otvet.mail.ru/question/173168523 Здесь есть скриншот!– Raltahook16 дек 2014 в 17:41
-
(LinnTroll) Объект то скролится по горизонтали и вертикали! А мне нужно! ТОЛЬКО ВЕРТИКАЛЬ!– Raltahook16 дек 2014 в 17:56
2 ответа
Вам просто необходимо указать координаты точки привязки, примерно так:
position: fixed;
top: 0px;
left: 0px;
Такое позиционирование предполагает, что координаты меню будут задаваться относительно окна браузера. В данном случае-сверху, слева. Но думаю, Вам просто необходимо почитать про многоколоночную вёрстку...)). Тогда то, что Вы задумали реализовать, окажется куда проще, чем кажется... То есть меню просто будет в левом сайдбаре и привязано к точке так: position:fixed; top:0px;
.
Вот Вам, кстати, генератор шаблонов для сайта, попробуйте разобраться.
-
Меню просто сдвинулось точно в угол и все, а скролится и вертикально, и горизонтально! 17 дек 2014 в 17:07
Вам необходимо сделать отдельную колонку для меню (сайдбар), после задать для него position:relative;
, для самого меню - position:fixed;
.
Далее позиционировать одно относительно другого.