大佬教程收集整理的这篇文章主要介绍了html5 – 在iOS上滚动iframe已解决,但iframe页面显示不完整，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
http://home.jejaju.com/play/iframe-scroll.html
http://areaaperta.com/nicescroll/demo.html
我在我的iphone和ipad上测试过,iframe页面显示不稳定.
任何的想法？
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=9;FF=3;chrome=1;OtherUA=4" />
<Meta name="viewport" content="width=device-width,user-scalable=no" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script>
<script type="text/javascript">
$(function(){
if (/iPhone|iPod|iPad/.test(navigator.userAgent))
$('iframe').wrap(function(){
var $this = $(this);
return $('<div />').css({
width: $this.attr('width'),height: $this.attr('height'),overflow: 'scroll','-webkit-overflow-scrolling': 'touch'
});
});
})
</script>
<title>Untitled</title>
</head>
<body>
stuff
<div>
<iframe src="iframe-scroll-long.html" height="500" width="500"></iframe>
</div>
more stuff
</body>
</html>
您必须在iframe加载的页面上加载nicescroll.@H_874_21@在同一页面中用div包装所有内容(绝对样式)
#content { position:absolute; }
$(document).ready(function() { $("html").niceScroll("#content"); });
链接到演示页面,您可以检查代码：http://areaaperta.com/nicescroll/demo/iframe6.html
自动使用iOS本机滚动,在其他平台上你有nicescroll活动.
我在iPad上测试了iOS 5.1.
以上是大佬教程为你收集整理的html5 – 在iOS上滚动iframe已解决,但iframe页面显示不完整全部内容，希望文章能够帮你解决html5 – 在iOS上滚动iframe已解决,但iframe页面显示不完整所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。