Question

在我的一个视图中，我有一个显示iframe的Ext.Component。它的定义如下：

Ext.define（ 'MyApp.view.MyView'， extend：'Ext.Component'，

alias: 'widget.myview',
id: 'myView',

config: {
    style: '-webkit-overflow-scrolling: touch; height: 100%; overflow: auto;',
    href: false
},

template: [
    {
        reference: 'iframeElement',
        tag: 'iframe',
        style: 'height: 100%; width: 100%; border: 0;'
    }
],

updateHref: function(href){
    this.iframeElement.set({ src: href });
}

}）;

当我渲染组件时，我使用updateHref（'http：//'）加载iframe内容;

问题是，在iPhone上，当我向下滚动iframe内容并滚动结束时，文档会自动向上滚动到开头。

我该如何解决这个问题？

Answer 1

好的，我找到了解决此问题的方法。

解决方案是将iframe的高度设置为较高的值，例如2000px。然后，如果从顶部滚动小于2000像素，内容将不会跳回到开头。

Sencha Touch - iPhone中的iframe滚动

1 个答案: