Ios iframe scrolling cannot trigger scrolling of the parent page

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>
Nov.12,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7b9a79-1d60e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7b9a79-1d60e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?