为了问这个问题,我需要给出一些上下文和解释,为什么我要使用<embed>
而不是设备的iframe,这是因为iframe中的scrollTop属性总是返回0
在iOS移动设备(例如iPhone,iPad)上存在一个已知问题,在该问题上,通过使用iframe,如果您需要使用scrollTop值进行一些计算,则不可能一直存在,因为它始终为0。
现在,我发现通过使用<embed>
并触发scrollTo(100)来发现。它滚动了,我还能够检索到scrollTop,令人难以置信的是它是100而不是0!
现在“唯一”的问题是,无论我做什么,我都无法滚动嵌入的html文件。
我启动了一个本地HTTPS节点服务器,该服务器用作iframe /嵌入式源,以防止跨域错误。
我尝试使用
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
在两个html上,主体都在嵌入中。只对身体也是如此。但是似乎没有任何作用。
touchmove
事件被触发,但是没有滚动。
关于如何使此嵌入html可滚动的任何想法?
这是我目前的用法:
<div style="overflow: auto; -webkit-overflow-scrolling: touch;">
<embed src="https://<MY_LOCALHOST>:3000" width="500" height="500" />
</div>
任何想法/方法都将非常有帮助!