The situation I have encountered is that when using mui's tab + pull-down refresh function, 2 of the pages are pages embedded in other websites, while others are loading the data of this website through ajax. Then after the iframe is embedded in it, in the case of iphone, the page content of the iframe cannot be scrolled, and only the content of the first screen is displayed.
<div class="mui-scroll-wrapper" style="-webkit-overflow-scrolling: touch;overflow-y: scroll;"><!--数字--> <iframe src="http://******"></iframe> </div>
The fix was to add:
style="-webkit-overflow-scrolling: touch;overflow-y: scroll;"The problem I had was solved by adding the above style to the parent box of the iframe.