<style>
.about-us-page{overflow: auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;position: relative;}
iframe{width: 1px; min-width: 100%; *width: 100%;}
</style>
<script type="text/javascript">
    $(function () {
        //
        if(/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
            $('-sharpzhx-iframe').attr('scrolling','no')
        }
        //iframe
        $('-sharpabout-us-page').css({'height':$(window).height()-$('.ui-footer').height(),'width':$(window).width()});
        $('-sharpzhx-iframe').css({'min-height':$(window).height()-$('.ui-footer').height()});
    })
</script>
<!---->
<div class="common-page about-us-page" id="about-us-page">
    <iframe id="zhx-iframe" frameborder="0"  width="100%" src="https://m.zbjsaas.com/topic"></iframe>
</div>
<!---->

ios system adds scrolling=no attribute, iframe attribute is width: 1px; min-width: 100%; * width:100%;, iframe outer attribute is overflow: auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;
this has realized that the page display is normal, but the function of clicking on the tab to jump to the corresponding location on the page is invalid, so you need to optimize the outer style of the iframe inner page, that is,
body {position: fixed; width:100%;height:100%; overflow: hidden; Padding-top: 0;}
. Zhouse-page {height: 100% cross overflow: scroll;overflow-x: hidden;-webkit-overflow-scrolling:touch;}