IOS移动端，在滚动的iframe中执行某些操作（比如：隐藏删除某个div）时，会导致滚动条重新滚回屏幕顶部？

Question

1.问题

1.IOS移动端，通过overflow: auto;-webkit-overflow-scrolling:touch;虽然解决了iframe不能滚动的问题，但是为什么当在滚动的iframe中执行某些操作（比如：隐藏删除某个div）时，会导致滚动条重新滚回屏幕顶部？

2.代码

样式如下：

.mainArea {
  position: absolute;/*此处改为fixed会导致在没有overflow: auto;的情况下iframe滚不动，为什么？？*/
  top: 0;
  bottom: 1.014rem;
  width: 100%;
  /*overflow: auto;*//*此处不注释，会导致iframe DOM 变化时，滑回iframe顶部，为什么？？*/
  -webkit-overflow-scrolling: touch;
}
.iframeStyle{
  width: 100%;
  height: 100%;
  display: block;
}

代码结构简单，如下：

<div class='mainArea'>
    <iframe src='xxx.html' frameBorder="0" class='iframeStyle'></iframe>
</div>

3.截图

描述：如上图，红色框圈起来的内容是引入的iframe的内容，如图的状态是iframe内容向下滚动一些内容后的状态；此时点击“砍价榜”和“帮砍榜”，会引起DOM变化，iframe内的滚动条又重新滚回顶端...顶端...

4.尝试解决的方法

• 4.1、https://segmentfault.com/q/10...
• 4.2、http://blog.csdn.net/renfufei...

Answer 1

你好，请问最后怎么解决的？同样遇到这个问题