берем простейший код: некий div с контентом больше его размера (пример ниже). Вообще говоря пример встречается в интернете на каждом сайте по n раз.
Андроид прокручивает (любой браузер), мозила прокручивает. и только браузеры от этой конторы с недопрограммистами тупят и дрожат.
думал простенькую страничку зафигачить и теперь хз. судя по всему айфоны умеют прокручивать нормально только body.
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<title>test</title>
<style>
html, body {
height: 100%;
width: 100%;
overflow: none;
margin: 0px;
padding: 0px;
}
#main {
height: 100%;
width: 100%;
overflow: none;
}
#header, #footer {
height: 20%;
overflow: none;
background-color: rgb(200, 200, 200);
text-align: center;
}
#body {
height: 60%;
overflow-y: auto;
background-color: rgb(220, 220, 220);
padding: 5px;
}
</style>
</head>
<body>
<div id="main">
<div id="header">block</div>
<div id="body">
<script>
for (var i = 0; i < 1000; i++) {
document.write('test line ' + i + '<br/>');
}
</script>
</div>
<div id="footer">block</div>
</div>
</body>
</html>
Перемещено JB из talks