Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css -webkit溢出滚动:触摸;中断iPad上的滚动iFrame_Css_Ipad_Iframe_Scroll - Fatal编程技术网

Css -webkit溢出滚动:触摸;中断iPad上的滚动iFrame

Css -webkit溢出滚动:触摸;中断iPad上的滚动iFrame,css,ipad,iframe,scroll,Css,Ipad,Iframe,Scroll,从我所能找到的所有我需要包括的东西——webkit溢出滚动:触摸;and overflow:css中包含div的iframe的auto 然而,我发现,如果我不包括-webkit溢出滚动:touch;,iFrame将用两个手指滚动。然而,如果我把它包括进来,滚动就不再有效了 下面是一个样式一致的html示例。我实际上正在使用CSS文件,但也尝试过这种方式 <div class="wrapper"> <div class="treeMenu" ></div>

从我所能找到的所有我需要包括的东西——webkit溢出滚动:触摸;and overflow:css中包含div的iframe的auto

然而,我发现,如果我不包括-webkit溢出滚动:touch;,iFrame将用两个手指滚动。然而,如果我把它包括进来,滚动就不再有效了

下面是一个样式一致的html示例。我实际上正在使用CSS文件,但也尝试过这种方式

<div class="wrapper">
    <div class="treeMenu" ></div>
    <div class="viewer" style="overflow: auto; -webkit-overflow-scrolling: touch">
        <iframe class='ifrm' scrolling='yes'></iframe>
    </div>      
</div>

读了这篇文章后,我认为这可能是因为我正在动态地删除iFrame并将其添加到div中。所以我将其更改为静态元素,并动态更改了iFrame的src。这并没有解决问题

在用户点击链接填充iFrame之前,我将根据用户交互调整div的大小。这可能是问题所在吗

离开webkit调用并用两个手指滚动是可以的,只是滚动并不平滑。事实上,对于某些用户来说,它可能近乎不可用。我希望为iPad“正确”设置滚动可以提高滚动性能

有什么建议吗


谢谢

-webkit溢出滚动:如果页面上的任何位置都有
,即使它不是您尝试滚动的
,触摸也无法正常工作。无论它是如何创建或显示的