Все привет, есть такой тутор по боковой сайд панели, однако

Question

Все привет, есть такой тутор по боковой сайд панели, однако

в моей задаче панель должна выезжать не слева на право, а справа налево, и казалось бы надо всего-лишь поменять знак для "transform: translateX(-110vw);", однако в таком случаи двигается не панель навигации а контент под ней, подскажите пожалуйста в чем магия? и как решить проблему?

https://xhtml.ru/2021/css/building-a-sidenav-component/

#frontend #programming #russian

0

11.07.2022

5 ответов

23 просмотра

Ivan Автор вопроса

Alex Elkin🇪🇸
Того что влево вьюпорт не уезжает лишь потому что ...

добавлял, проблема с анимацией не решается(

0

11.07.2022

Konstantin

Попробуйте как в примере сделать, но left:0 поменять на right:0. Ну и соответственно другие значения поменять уже под свои нужды Если я правильно вас понял https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav

0

11.07.2022

Ivan Автор вопроса

Konstantin
Попробуйте как в примере сделать, но left:0 поменя...

спасибо, это рабочий вариант, но тут другой способ: вместо анимации перемещения, тут анимируют изменение ширины элемента, а мне уже просто из принципа интересно, почему анимация слева направо или сверху вниз работает корректно, а анимация в обратном направлении (справа налево или снизу вверх) нет(

0

11.07.2022

Vladyslav

Ivan
спасибо, это рабочий вариант, но тут другой способ...

Тоже задавался этим вопросом, для такого что бы иметь такую возможность, блок должен иметь точку опоры в данном случае, r:0 или l:0

0

11.07.2022

Alex Elkin🇪🇸 · Accepted Answer

Alex Elkin🇪🇸

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

0

11.07.2022

169 похожих чатов

Все привет, есть такой тутор по боковой сайд панели, однако

5 ответов

Похожие вопросы