my code looks like this. The height of the body element is greater than the height of the iframe element. The container of the parent package cannot be scrolled (body) while the finger is sliding over the iframe area while on the ios. There is no problem in chrome debug mode and Android phones. Body scrolling can be triggered normally, but body cannot be triggered on ios. Has any boss ever encountered a similar problem
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
html,body{
overflow: auto;
height: 1000px;
background-color: -sharpccc;
width: 100%;
}
.city-card {
height: 900px;
}
</style>
</head>
<body>
<div class="iframe-container">
<iframe title="" frameborder="0" scrolling="no" class="city-card" src="http://s.didi.cn/ekb"></iframe>
</div>
</body>
</html>