在桌面浏览器，但不是在iPhone上滚动的IFrame [英] IFrame scrolls on desktop browsers but not on iphone
本文介绍了在桌面浏览器，但不是在iPhone上滚动的IFrame的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
下面是加载一个页面中的iframe，然后在iframe code。使用javascript调用滚动本身的一些示例code - window.scrollTo（0170）;
一切工作在桌面浏览器，如Mozilla，铬，Safari浏览器和IE但是当我尝试它的IPhone，滚动code（window.scrollTo（0170））的罚款不起作用。所有文件都驻留在同一台服务器上。
当它工作，你会看到页面加载，并已向上向上滚动排队9.当它不工作在页面加载，但没有获取滚动。
任何想法，我做错了，或为何不起作用？预先感谢您的反馈：）
ifparent.html
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT; META NAME =视口CONTENT =WIDTH =设备宽度＆GT; ＆LT;风格＆GT;
HTML，身体{
保证金：0;
填充：0;
高度：100％;
宽度：100％;
} 身体 {
位置：相对;
背景：＃F0F0F0;
} .frame_holder {
位置：绝对的;
上图：5像素;
下图：5像素;
左：5像素;
右：5像素;
背景：#FFFFFF;
高度：75％; } .scroll_frame {
溢出：汽车;
溢出 - X：隐藏;
-webkit-溢出滚动：触摸;
宽度：100％;
高度：100％;
边框：1px的固体＃e0e0e0;
} .my_frame {
宽度：100％;
高度：100％;
边界：无;
垂直对齐：首位;
} .hidden {
显示：无;
}
＆LT; /风格＆GT;
＆LT; /头＆GT;
＆LT;身体GT; ＆LT; DIV CLASS =frame_holder＆GT;
＆LT; DIV ID =scroll_frame级=scroll_frame＆GT;
＆所述; iframe中类=my_frameSRC =Iframe.html的＆GT;＆下; / iframe的＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;＆LT;脚本类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
Iframe.html的
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;标题＆GT;＆IFRAME LT; /标题＆GT;
＆LT; /头＆GT; ＆LT;身体的onload =scroll_window（）＆GT;
1 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
2 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
3 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
4 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
5 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
6 ELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
7 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
8 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
9 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
10 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
11 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
12 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
13 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
14 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
15 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
16 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
17 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
18 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
19 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
20 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
21 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
22 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
23 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
24 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
25 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
26 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
27 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
28 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
29 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
30 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
31 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
32 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT; 1 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
2 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
3 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
4 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
5 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
6 ELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
7 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
8 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
9 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
10 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
11 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
12 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
13 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
14 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
15 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
16 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
17 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
18 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
19 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
20 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
21 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
22 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
23 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
24 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
25 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
26 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
27 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
28 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
29 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
30 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
31 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
32 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT; 1 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
2 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
3 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
4 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
5 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
6 ELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
7 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
8 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
9 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
10 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
11 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
12 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
13 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
14 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
15 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
16 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
17 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
18 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
19 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
20 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
21 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
22 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
23 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
24 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
25 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
26 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
27 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
28 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
29 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
30 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
31 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
32 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT; 1 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
2 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
3 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
4 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
5 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
6 ELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
7 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
8 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
9 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
10 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
11 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
12 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
13 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
14 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
15 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
16 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
17 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
18 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
19 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
20 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
21 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
22 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
23 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
24 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
25 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
26 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
27 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
28 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
29 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
30 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
31 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT;
32 HELLOOOOOOOOOOOOO !!!!!!!!!!!!＆LT; BR＆GT; ＆LT; /身体GT;
＆LT; / HTML＆GT;＆LT;脚本类型=文/ JavaScript的＆GT;
功能scroll_window（）{
window.scrollTo（0170）;
}
＆LT; / SCRIPT＆GT;
解决方案
我能找到解决这个问题，所以我决定将它张贴万一别人运行到这个问题。下面是变化，使滚动iOS中的浏览器也适用。
在上面ifparent.html添加code如下：
＆LT;脚本类型=文/ JavaScript的＆GT;
在window.onload = scroll_window; 功能scroll_window（）{ //如果IOS滚动条seemes蜂分配给父窗口的容器div（scroll_frame）。
//所以你需要在父窗口滚动scroll_frame。这将滚动到第16行。
变种objDiv =的document.getElementById（scroll_frame）;
objDiv.scrollTop = 500;
}
＆LT; / SCRIPT＆GT;
如果的iOS ，滚动条似乎被分配给父窗口的容器div（scroll_frame）。所以，你需要滚动的父窗口（scroll_frame）股利。这将滚动到第26行。
如果窗口或的Mac OS ，滚动条似乎被分配到iframe的窗口元素。所以，你需要从iframe中滚动的iframe窗口。这将滚动到9行。
Below is some sample code that loads an iframe inside a page and then the iframe code scrolls itself using javascript call -- window.scrollTo(0,170);
Everything works fine on desktop browsers like mozilla, chrome, safari and ie but when I try it on an IPhone, the scrolling code (window.scrollTo(0,170);) does not work. All files reside on the same server.
When it works you will see that the page loads and has been scrolled upwards up to line 9. When it doesn't work the page loads but nothing gets scrolled.
Any ideas as to what I am doing wrong or as to why it does not work? Thanks in advance for your feedback :)
ifparent.html
<html>
<head>
<meta name="viewport" content="width=device-width">
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
body {
position: relative;
background: #f0f0f0;
}
.frame_holder {
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
background: #ffffff;
height: 75%;
}
.scroll_frame {
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling:touch;
width: 100%;
height: 100%;
border: 1px solid #e0e0e0;
}
.my_frame {
width: 100%;
height: 100%;
border: none;
vertical-align: top;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="frame_holder">
<div id="scroll_frame" class="scroll_frame">
<iframe class="my_frame" src="iframe.html"></iframe>
</div>
</div>
</body>
</html>
<script type="text/javascript">
</script>
iframe.html
<html>
<head>
<title>IFRAME</title>
</head>
<body onload="scroll_window()">
1 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
2 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
3 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
4 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
5 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
6 ELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
7 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
8 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
9 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
10 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
11 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
12 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
13 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
14 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
15 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
16 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
17 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
18 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
19 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
20 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
21 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
22 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
23 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
24 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
25 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
26 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
27 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
28 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
29 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
30 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
31 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
32 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
1 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
2 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
3 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
4 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
5 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
6 ELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
7 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
8 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
9 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
10 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
11 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
12 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
13 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
14 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
15 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
16 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
17 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
18 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
19 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
20 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
21 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
22 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
23 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
24 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
25 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
26 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
27 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
28 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
29 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
30 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
31 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
32 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
1 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
2 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
3 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
4 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
5 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
6 ELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
7 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
8 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
9 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
10 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
11 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
12 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
13 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
14 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
15 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
16 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
17 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
18 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
19 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
20 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
21 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
22 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
23 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
24 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
25 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
26 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
27 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
28 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
29 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
30 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
31 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
32 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
1 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
2 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
3 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
4 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
5 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
6 ELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
7 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
8 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
9 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
10 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
11 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
12 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
13 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
14 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
15 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
16 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
17 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
18 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
19 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
20 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
21 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
22 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
23 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
24 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
25 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
26 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
27 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
28 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
29 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
30 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
31 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
32 HELLOOOOOOOOOOOOO!!!!!!!!!!!!<br>
</body>
</html>
<script type="text/javascript">
function scroll_window() {
window.scrollTo(0,170);
}
</script>
解决方案
I was able to find the solution to this problem so I decided to post it in case anyone else runs into this issue. Below are the changes so that the scrolling works in iOS browsers also.
In ifparent.html above add the code below:
<script type="text/javascript">
window.onload = scroll_window;
function scroll_window() {
//If IOS the scroll bar seemes to bee assigned to the container div (scroll_frame) in the parent window.
//So you need to scroll scroll_frame in the parent window. This will scroll to line 16.
var objDiv = document.getElementById("scroll_frame");
objDiv.scrollTop = 500;
}
</script>
If iOS, the scroll bar seems to be assigned to the container div (scroll_frame) in the parent window. So you need to scroll the (scroll_frame) div in the parent window. This will scroll to line 26.
If Windows or Mac OS, the scroll bar seems to be assigned to the window element in the iframe. So you need to scroll the iframe window from within the iframe. This will scroll to line 9.
这篇关于在桌面浏览器，但不是在iPhone上滚动的IFrame的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
