滑动移动导航溢出

问题描述 投票:0回答:1

我正在为我的网站制作移动导航选项,并希望它从右侧滑动。

这是一个模型:

https://codepen.io/rctneil/pen/OqzBjX

我遇到的问题是,默认情况下,当导航被隐藏时,页面会向右滚动。

我已经尝试将overflow: hidden添加到.mega-wrapper以停止此滚动,但也会在单击切换按钮时隐藏导航。

有任何想法吗?

亲切的问候,尼尔

css overflow user-experience
1个回答
1
投票

我认为添加溢出:隐藏是一个很好的一步。但在那之后你需要定位绝对mega-wrapper__mobile-nav和translateX the mega-wrapper__wrappermega-wrapper__mobile-nav

我做了一个demo

© www.soinside.com 2019 - 2024. All rights reserved.