如何在iOS safari上启用iframe滚动条
我正在尝试在我的网站上实现facebook的实时流插件。我看到pc和mac浏览器上有滚动条,但iphone或ipad safari上没有。我认为这是因为iphone和ipad对待滚动条的方式不同,因为它们都是基于触摸的设备。所以我希望用两个手指滚动iframe,但它也不起作用 下面是使用不同src url的示例页面如何在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,但这是一个隐藏的功能,大多数人都不知道。我
如何在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;