使用button滚动iframe – iPhone
我正在创build使用iframedynamic添加内容的网站（iframe文件位于同一台服务器上）。 加载的iframe有button来滚动iframe的内容，但我找不到一个原因，它不适用于iPhone – 它使用Android的效果很好。 这是我使用的代码：
$('#menu li a').on('click', function(){ var element = $(this).attr('data-scroll'); $('body').animate({ scrollTop: $('.page[data-bookmarks=' + element + ']').offset().top }, 1000); }); 顺便说一句。 点击事件效果很好，因为我使用alert来检查它。 简单的scrollTop似乎不适用于iOS设备。
我发现了几个可能解决这个问题的链接，但我碰到的最多的是这样的：
控制溢出的div比
iFrames容易得多，滚动+空白的内容问题一直回到iOS 4，在那之前我甚至无法让2指滚动工作（在iFrames）。它是这样的：
<iframe id="example-iframe" width="600" height="200" src="a-file.html"></iframe>A-file.html：
<html> <body> <div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;"> ... </div> </body> </html>
其他链接
- -webkit-overflow-scrolling：touch不“服从”z-index
- iFrame滚动不适用于iPhone
- iFrame在iOS设备上滚动
- -webkit-overflow-scrolling下拉菜单问题：在iPad上触摸