Выдвижное меню делал на сайте proxy.info, без сторонних скриптов и прочего , глянь

Где оно?)

С мобилки зайди

аа

нашёл

я приблизил

Ой, не надо так, эмулировать телефоны

Лучше в дебагере включи

:D

Я не верстальщик, вот в чём беда

Избегаю CSS ))

Ого))

Поди юзаешь <center>

Раньше был Фуллстаком, сейчас перехожу полностью на фронт

Не

Как это так?

Я в вебе давно, вышел из этого

Был фулстаком (Без фронтенда??)

Фуллстак - фронт и бэк

Я избегал ксс

юзал всяческие бутсвотчи и тд

В основном у меня был кссер

Понятно

Я избегал ксс

но вот они тебя и настигли

Сейчас решил в личных целях расширить горизонт знаний)

Он прибит к потолку

margin-top 0

тогда на бади сделать топ 50пиксилей

а на менюху -50?

или это говнокод?

Так что не получается то в итоге? у тебя заголовок это в меню находится?

Смотри

ЗАлей куда нибудь

не

не получиться

Это React)

Вот чисто теоритически

ну скриншотом результат работы не скинуть?

Сейчас

body{ margin-top: 25px; } #menu{ width: 35%; margin-top: -25px; height: 100vh; float:right; }

<div class="well" id="menu"> Welcome, you can add something <div class="form-group"> <label for="todoText" class="control-label">Text</label> <input type="text" class="form-control" id="todoText" placeholder="Email"></input> </div> <div class="form-group"> <button type="submit" class="btn btn-primary pull-right">Submit</button> </div>

О чем речь?

body{ margin-top: 25px; } #menu{ width: 35%; margin-top: -25px; height: 100vh; float:right; }

height: calc(100vh - 25px);

если я тебя правильно понял

25 пиксилей эт что?

ааа

твой отступ сверху

Если 25, то выходит вниз немного, сделал #menu{ width: 35%; height: calc(100vh - 50px); float:right; }

иии

как бы он и сверху 25

и снизу

если сделать 25, он эти 25 вниз пойдёт

потому что сверху это у родителя

а он сын

и снизу

ну сделай margin: 25px 0 и отними полтинник у 100vh

#menu{ width: 35%; margin: 25px 0; height: calc(100vh - 50px); float:right; } ?:D

#menu{ width: 35%; margin: 25px 0; height: calc(100vh - 50px); float:right; } ?:D

да

,kz

ТЫ шутишь?

что не так?

Получается он прибавил 25))

Надо -25

КАРЛ -25

Эх, хромает у тебя ксс

блин тебе нужны отступы у меню сверху и снизу на 25 пикс?

ERROR: S client not available

так и что, мы пришли к тому, что было 5 минут назада?)

правильно понял

нет

Нееее

вообще не нужны

для менюхи 0 отсуптов

для остального сверху

ты просто давно уже мог на codepen все это воспроизвести и не гадали бы сидели

для менюхи 0 отсуптов

херачь короче для меню position: absolute; right: 0; height: 100vh;

если на этот раз я тебя правильно понял

Что за vh?

Что за vh?

1 vh = высота экрана поделить на 100

А 100% это сколько?

А 100% это сколько?

вся высота окна

Djjj

Вооо

Спасибо ))

#menu{ position: absolute; margin: 0; margin-top: -25px; right: 0; height: 100vh; }

То есть она меняется относительно окна браузера , а вх остается прежним?

и он идеально встал

p,c

То есть она меняется относительно окна браузера , а вх остается прежним?

ну какого бы размера у тебя окно не было, то при 100vh всегда будет на всю его высоту

ну какого бы размера у тебя окно не было, то при 100vh всегда будет на всю его высоту

На всю его высоту(высоту окна или экрана?)

На всю его высоту(высоту окна или экрана?)

viewport

видимая часть сайта

Чем 100vh от 100% отличается?

Чем 100vh от 100% отличается?

Вот тоже думаю)

vh как 100%, но с 100% он от родителя берет

100vh = full-height?

а вх от экрана