Партнерская служба показывает наш каталог на своем веб-сайте в iframe:
...
<div id="container">
...
<iframe src="https://our-website.com" height="1400" scrolling="yes">
...
<body>
...
<div id="record-1">...</div>
<div id="record-2">...</div>
<!-- mobile screen top -->
<div id="record-3">...</div>
<div id="record-4">...</div>
<div id="record-5">...</div>
<button type="button" onclick="showNextPage()">Next page</button>
<!-- mobile screen bottom -->
...
</body>
...
</iframe>
...
</div>
...
На мобильном телефоне #container div на родительской странице имеет прокрутку, и это единственный элемент на странице с прокруткой. .
«Записи» довольно большие, поэтому, когда я прокручиваю вниз до кнопки, первые записи больше не отображаются.
Когда я нажимаю кнопку, появляется другая страница «записей». загружен, и я хотел бы прокрутить представление до верхней части iframe.
Я не могу получить доступ к атрибуту scrollTop #container изнутри iframe из-за междоменной безопасности. Есть ли другой способ добиться этого? Что-то вроде document.body.scrollIntoView(true).
Примечание: мы пытались сделать прокручиваемый контент iframe, но это плохо сработало в мобильном Safari. Каким-то образом прокрутка div внутри прокрутки div не работает в Webkit.