html - 溢出-x:隐藏在移动视图中不起作用
问题描述
我在移动视图中有一个动画汉堡菜单,它从右向左滑入屏幕。使用 overflow-x: hidden 页面中不应该看到非活动菜单。在普通视图(较小的浏览器窗口)中它可以工作。但是在移动视图中(在我的手机或浏览器中的移动视图上),在第一次单击汉堡菜单后,它允许我从“隐藏”菜单背景向右滚动到空间。
看截图
我有我的页面的实时视图,所以也许你最好理解而不是在这里发布整个网站代码。我不想只发布页脚代码,因为我不确定它是否与正文中的其他内容有关。
解决方案
添加overflox-x: hidden
到html
推荐阅读
- javascript - 无法实现 ValidatorFn 接口
- angular - 如何在构造函数中使用 Jasmine 私有 ActivatedRoute 进行测试?
- symfony - 在 symfony 中注入许多类似服务的最佳实践是什么?
- flutter - 如何将粘性标题添加到列表视图?
- java-native-interface - 如何使用Angr分析共享库中的JNI函数?
- pandas - 使用 to_datetime 几个列名
- rdf - 如何从源数据生成语言标签
- matplotlib - 如何根据图形大小控制 matplotlib 注释(更具体地说是箭头)?
- javascript - 我的复选框未预先填充 redux 状态中存在的值,即 true 或 false
- csv - 将 Dataprep 配方导出为 CSV 时重复标头