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

Question

[partyzanx]

Помогите сделать появление меню справа, пожалуйста.
И чтобы по содержимом меню прокручивались (листалось) верх вниз. Сейчас листается вместе с остальным содержимым сайтом.

Comments

[Алексей]

Задать высоту и дать overflow для меню, естественно после появления, при скрытии убирать overflow;

[Alex ALex]

Вообще классно откуда вы нашли это меню?)

[partyzanx]

Alex ALex, codepen.io
по запросу elastic menu

[partyzanx]

Alex ALex, такой вариант получше будет

[Alex ALex]

Тут есть баг или не даработанная смотрите если нажать так быстро менюшка появляется а фон за нею нету ...

Answer 1

[Марат Гарифуллин]

Тут три шага

1. Перенести меню на правую сторону
заменить все (почти) left на right в скриптах, стилях и названиях классов в html (из animate.css)

2. переписать анимацию svg. Сейчас идет изменения с правой стороны, нужно перенести на левую.
Вот эти участки с { d: "..." }
Чтоб это поправить нужно про svg почитать немного

path.animate({ d: "M320 0 C480 "+(screenHeight/4)+" 480 "+(screenHeight*3/4)+" 320 "+screenHeight+" L0 "+screenHeight+" L0 300 L0 0 Z" }, 500, function() { /* ... */ });

3. после анимации открытия добавить nav класс open, перед анимацией закрытия убрать

nav {
  height: 100vh;
  overflow-y: hidden;
}
nav.open {
  overflow-y: auto;
}

Comments

[partyzanx]

за 500 рублей сделаете?

По дизайну и другие вопросы будут в будущем.

[Марат Гарифуллин]

partyzanx, пиши на почту)