滑动移动导航溢出

时间:2019-03-13 22:47:04

标签: css overflow user-experience

我正在为我的网站使用移动导航选项,并希望其从右侧滑动。

这是一个模型:

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

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

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

有什么想法吗?

亲切的问候, 尼尔

1 个答案:

答案 0 :(得分:1)

我认为添加溢出:隐藏是一个好步骤。但是之后,您需要将mega-wrapper__mobile-nav放在绝对位置,并将mega-wrapper__wrappermega-wrapper__mobile-nav

转换成

我做了一个demo