У меня есть следующий код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta content='15' http-equiv='refresh'>
<title>iframe bug on iOS</title>
</head>
<body>
<p>
<iframe src="https://tubestatus.net/departures/central/SFD?m#07514e542a078b1e80375762de74d4ab"
height="474" width="352" Scrolling="no" frameborder="0">
</iframe>
</p>
<p>Open this HTML on any browser other than iOS, and the top of the content
from the parent page, shown in the iframe, is Westbound Platform 3, which is
the desired behaviour I want. Open this HTML on iOS, you see the top of the
parent webpage (scroll doesn't happen / is broken).</p>
</body>
</html>
Как указано, например, Chrome:
Как указано браузеры на iOS (даже MacOS Safari не затрагивается, просто проблема iOS):
Я понимаю, что в * может быть ошибка 1024 * движок рендеринга, который мне, возможно, придется обойти, например, поместив iframe в div, но как мне обернуть div вокруг iframe, чтобы просмотреть материал с родительского сайта в iframe и найти привязку # 07514e542a078b1e80375762de74d4ab (GUID, который сопоставляет 1: 1 с этой платформой Westbound 3) и прокрутите вниз до нужной точки на странице на любом устройстве iOS?
Родительский веб-сайт, на который я нацеливаюсь с моим iframe не управляется мной, я не могу ничего там изменить - я просто хочу встроить только поезда, идущие в западном направлении, с родительской страницы на страницу статуса, которую я размещаю.