【问题标题】:Disable Horizontal Scrolling Android禁用水平滚动 Android
【发布时间】:2015-03-26 17:15:04
【问题描述】:

我在向右水平滚动时遇到了一个奇怪的问题

  • 我已经将 html/body 的最大宽度设置为 100% 并隐藏了溢出-x
  • 视口之外没有元素或右侧的负边距
  • 桌面不存在此问题
  • 元用户可扩展=否
  • stellar.js 的水平滚动设置为 false Disable horizontal scroll on parallax

老实说,我想不出任何原因,而且这个问题只在 android 上。 http://bit.ly/1v0jVlh

【问题讨论】:

  • 您在哪些设备上进行了测试?在 Nexus 5 上似乎不会发生这种情况
  • 我正在使用 browserstack live 进行测试。

标签: javascript android css horizontal-scrolling stellar.js


【解决方案1】:

将 iScroll 与 Stellar.js 一起使用时,它具有 css .mobile #wrapper,如果您想让它适用于 android,则必须删除绝对位置。

【讨论】:

    【解决方案2】:

    在您的工作表中使用此 css(用于移动设备),它将禁用水平滚动但允许垂直滚动。

    body{
        postion: relative;
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        }
    html{
           overflow-x: hidden;
        }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-05-05
      • 2014-05-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多