无法在移动设备上的<embed>上滚动

时间:2019-07-03 18:56:26

标签: javascript html iframe embed

为了问这个问题,我需要给出一些上下文和解释,为什么我要使用<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>

任何想法/方法都将非常有帮助!

0 个答案:

没有答案