首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >横向切换导航无法滚动

横向切换导航无法滚动
EN

Stack Overflow用户
提问于 2016-03-17 02:08:38
回答 1查看 711关注 0票数 0

在横向视图中,我有一个移动导航,可以打开,但不能向下滚动查看更多菜单选项。当导航完全关闭时,这在某种程度上是可以的,但是我在一个项目上进行了二级切换,从而阻止了我向下滚动。有没有什么CSS补丁可以解决这个问题呢?

它的样式并没有什么特别之处-- jQuery会在汉堡菜单图标上打开/关闭,并通过“太阳能服务”链接来打开它。

注意--在响应模式(Chrome)下查看会显示页面正在滚动,但导航不会随着窗口一起滚动。此页眉也粘贴/固定在窗口的顶部。

菜单已关闭

菜单打开

EN

回答 1

Stack Overflow用户

发布于 2016-03-17 03:18:48

它并不美观,但另一篇文章启发了下面的工作

代码语言:javascript
运行
复制
/* ----------- 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
  }

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36043651

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档