我有一个HTML页面,iframe其内容我需要在加载时滚动到某个位置.我的示例在除iOS Safari之外的大多数浏览器中都能正常工作 - 这是我真正需要的.它倾向于在第一页加载时在iOS Safari中工作,但通常任何刷新后都会将iframe内容滚动到顶部.
我已经读过重定向导致#anchorname丢弃的问题,但这不是在这种情况下发生的事情.
真实iframe内容和主页面位于不同的域中.我可以影响它的内容iframe,但我无法控制它.它也用于其他目的,所以我做任何可能干扰它的自定义能力都有限.
这里有实时链接:https: //s3.amazonaws.com/ios-iframe-test/iframe_test.html
这是父内容:
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" name="viewport">
<style type="text/css">
#root {
position: relative;
}
#wrapper {
height: 300px;
width: 300px;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
-webkit-overflow-scrolling: touch;
}
iframe {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<h1>Why won't this iframe scroll to where I want?</h1>
<div id="root">
<div …