Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/111.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.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
如何在iOS safari上启用iframe滚动条_Ios_Safari_Scrollbar - Fatal编程技术网

如何在iOS safari上启用iframe滚动条

如何在iOS safari上启用iframe滚动条,ios,safari,scrollbar,Ios,Safari,Scrollbar,我正在尝试在我的网站上实现facebook的实时流插件。我看到pc和mac浏览器上有滚动条,但iphone或ipad safari上没有。我认为这是因为iphone和ipad对待滚动条的方式不同,因为它们都是基于触摸的设备。所以我希望用两个手指滚动iframe,但它也不起作用 下面是使用不同src url的示例页面 如何在ios safari上启用双手指滚动或普通滚动条?在5之前的ios版本中,您可以使用双手指在iPad/iPhone上滚动iFrame,但这是一个隐藏的功能,大多数人都不知道。我

我正在尝试在我的网站上实现facebook的实时流插件。我看到pc和mac浏览器上有滚动条,但iphone或ipad safari上没有。我认为这是因为iphone和ipad对待滚动条的方式不同,因为它们都是基于触摸的设备。所以我希望用两个手指滚动iframe,但它也不起作用

下面是使用不同src url的示例页面


如何在ios safari上启用双手指滚动或普通滚动条?

在5之前的ios版本中,您可以使用双手指在iPad/iPhone上滚动iFrame,但这是一个隐藏的功能,大多数人都不知道。我不确定为什么拖指滚动不适用于您的iframe-也许有一些JavaScript拦截了触摸事件

在iOS 5上,这一点已经得到了修复,滚动功能在iFrame上可以像预期的那样使用一根手指


如果您需要在iOS 4及更早版本上滚动页面的子区域,最好使用iScroll之类的库,该库通过JavaScript触摸事件处理实现滚动。

在5之前的iOS版本上,您可以使用两个手指在iPad/iPhone上滚动iFrame,但这是一个隐藏的功能,大多数人都不知道。我不确定为什么拖指滚动不适用于您的iframe-也许有一些JavaScript拦截了触摸事件

在iOS 5上,这一点已经得到了修复,滚动功能在iFrame上可以像预期的那样使用一根手指


如果需要在iOS 4及更早版本上滚动页面的子区域,最好使用iScroll之类的库,该库通过JavaScript触摸事件处理实现滚动。

将这些样式应用于父容器:

-webkit-overflow-scrolling:touch;
overflow:auto;

将这些样式应用于父容器:

-webkit-overflow-scrolling:touch;
overflow:auto;