关于iphone手机 iframe中的页面滚动的时候会自动返回顶部BUG

应用场景:

vue2.x项目,页面iframe嵌入外链,如嵌入https://qq.com,在ios 12.1.12的 safri中浏览,滚动iframe元素,当滚动动画结束后,出现自动返回顶部问题

解决方法:

通过排查发现,该页面的iframe之外元素中存在,实时渲染的元素,比如 即时时间刷新,猜想应该是外层dom的重新渲染导致iframe中的页面的scrollTop重置回0
所以解决的方式就是去掉导致dom重新渲染的元素即可

你可能感兴趣的:(关于iphone手机 iframe中的页面滚动的时候会自动返回顶部BUG)