ios下window.scrollTo 无法在iframe中正常工作，安卓及电脑浏览器正常，ios下无效

qlkj666 2018-09-10 04:27:53

主页面 index.html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title>测试</title>

<meta http-equiv="Cache-Control" content="max-age=180">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="format-detection" content="telephone=no">

<meta http-equiv="x-dns-prefetch-control" content="on">

<link href="http://www.jsylsc.com/font/iconfont.css" rel="stylesheet" type="text/css" />

<link href="http://www.jsylsc.com/css/basestyle.css" rel="stylesheet" type="text/css" />

<link href="http://www.jsylsc.com/css/common.css" rel="stylesheet" type="text/css" />

<link href="http://www.jsylsc.com/css/style.css" rel="stylesheet" type="text/css" />



<script type="text/javascript" src="http://www.jsylsc.com/wx/jquery.min.js"></script>







<iframe id="mainiframe" width="100%" height="600" src="150.html"  frameborder="0" scrolling="auto"></iframe>

 <script type="text/javascript">

function changeFrameHeight(){

        var ifm= document.getElementById("mainiframe");

        ifm.height=document.documentElement.clientHeight-46;

    }

    window.onresize=function(){ changeFrameHeight();}

    $(function(){changeFrameHeight();});

</script>



</body>

</html>

iframe 调用页面 150.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title></title>



<meta http-equiv="Cache-Control" content="max-age=180">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="format-detection" content="telephone=no">

<meta http-equiv="x-dns-prefetch-control" content="on">

<link href="http://www.jsylsc.com/font/iconfont.css" rel="stylesheet" type="text/css" />

<link href="http://www.jsylsc.com/css/basestyle2.css" rel="stylesheet" type="text/css" />

<link href="http://www.jsylsc.com/css/common.css" rel="stylesheet" type="text/css" />

<link href="http://www.jsylsc.com/css/style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://www.jsylsc.com/js/common.js"></script>





<script type="text/javascript" src="http://www.jsylsc.com/js/jquery-1.8.3.min.js"></script>

<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br><br>1<br>1<br>1<br>1<br>1<br>1<br><br>1<br>1<br>1<br>1<br>1<br>1<br><br>1<br>1<br>1<br>1<br>1<br>1<br>

<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>

<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>

<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4

<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5<br>5

<script>

$(function () {

 window.scrollTo(0, document.body.scrollHeight); 

 })

</script>



</body>

</html>