Android 浏览器禁用 x 滚动也会禁用 y 滚动

标签 android html css mobile

我有一个移动网页,我禁用了水平滚动,因为它干扰了我正在做的一些动画。但是,当我在 html 和 body 上设置 overflow-x:hidden 时,android 出于某种原因失去了垂直滚动的能力。 iPad 似乎仍然可以正常工作。如果重要的话,我在 android 2.3 上

这是问题的一些示例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <style type="text/css">
        html,body {
            position:absolute;
            height:100%;
            width:100%;
            padding:0px;
            margin:0px;
            overflow-x:hidden;
        }

        .content span {
            white-space:nowrap;
            display:block;
        }
    </style>
  </head>
  <body>
    <div class="content">
        <span>Really long line to force horizontal scrolling. Really long line to force horizontal scrolling. Really long line to force horizontal scrolling. Really long line to force horizontal scrolling. Really long line to force horizontal scrolling. Really long line to force horizontal scrolling. Really long line to force horizontal scrolling. Really long line to force horizontal scrolling.</span>

        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <span>8</span>
        <span>9</span>

        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <span>8</span>
        <span>9</span>

        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <span>8</span>
        <span>9</span>

        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <span>8</span>
        <span>9</span>

        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <span>8</span>
        <span>9</span>

        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span>7</span>
        <span>8</span>
        <span>9</span>
    </div>
  </body>
</html>

最佳答案

我有一个类似的问题,但从我到现在看到的是什么阻止了滚动

height: 100%;

尝试评论 Android 2.X 的留置权,您可能会让它再次滚动。

如果你找到了一个可以保留的方法,请告诉我们

html, body {
height: 100%;
}

仍然滚动。

谢谢,祝你好运-

关于Android 浏览器禁用 x 滚动也会禁用 y 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17459303/

相关文章:

java - Camera.Parameters.getHorizo​​ntalViewAngle() 和 Camera.Parameters.getVerticalViewAngle() 的 Android Camera2 API 等效项是什么?

php - 使用 PHP 函数缩短重复代码

javascript - 尝试从数据库附加 HTML 时出现未终止的字符串文字

android - Android 移动浏览器和混合应用程序不支持自定义古吉拉特语字体 (GopikaTwo)

android - 更改 CardView 阴影颜色

java - loadermanager.loadercallbacks android studio

Android - 如何将 View 置于所有其他 Activity 之上,包括其他应用程序(如 Cubie 所做的那样)

html - 多个固定大小的div的自动换行

javascript - 导航折叠和关闭

javascript - 使用 jQuery 连续交换两个内联跨度元素