Android浏览器禁用x滚动也会禁用y滚动
我有一个移动网页，我已经禁用了水平滚动，因为它干扰了我正在做的一些动画。然而，当我在html和body上设置Android浏览器禁用x滚动也会禁用y滚动,android,html,css,mobile,Android,Html,Css,Mobile,我有一个移动网页，我已经禁用了水平滚动，因为它干扰了我正在做的一些动画。然而，当我在html和body上设置overflow-x:hidden时，由于某种原因，android失去了垂直滚动的能力。iPad似乎仍在继续工作。如果有必要的话，我会选择安卓2.3 以下是该问题的一些示例代码： <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv
overflow-x:hidden<!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>
html，正文{
位置：绝对位置；
身高：100%；
宽度：100%；
填充：0px；
边际：0px；
溢出x：隐藏；
}
.内容跨度{
空白：nowrap；
显示：块；
}
真正的长线强制水平滚动。真正的长线强制水平滚动。真正的长线强制水平滚动。真正的长线强制水平滚动。真正的长线强制水平滚动。真正的长线强制水平滚动。真正的长线强制水平滚动。真正的长线强制水平滚动。
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
height: 100%;
html, body {
height: 100%;
}