在横向视图中,我有一个移动导航,可以打开,但不能向下滚动查看更多菜单选项。当导航完全关闭时,这在某种程度上是可以的,但是我在一个项目上进行了二级切换,从而阻止了我向下滚动。有没有什么CSS补丁可以解决这个问题呢?
它的样式并没有什么特别之处-- jQuery会在汉堡菜单图标上打开/关闭,并通过“太阳能服务”链接来打开它。
注意--在响应模式(Chrome)下查看会显示页面正在滚动,但导航不会随着窗口一起滚动。此页眉也粘贴/固定在窗口的顶部。
菜单已关闭
菜单打开
发布于 2016-03-17 03:18:48
它并不美观,但另一篇文章启发了下面的工作
/* ----------- iPhone 5 and 5S ----------- */
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
height: 300px;
max-height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling:touch; // mobile safari
}
/* ----------- iPhone 6 ----------- */
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
height: 300px;
max-height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling:touch; // mobile safari
}
/* ----------- iPhone 6+ ----------- */
/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
height: 300px;
max-height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling:touch; // mobile safari
}
https://stackoverflow.com/questions/36043651
复制相似问题