iOSでiframe内のページ内移動を行いたい

前提・実現したいこと

jQueryとiframeであるシステムを作っています。
iframe内のページ内スクロールについて、
PCやAndroidでは正常に動く機能が、iOSのみ機能しません。

色々検索して試行錯誤試しておりますが、うまくいっていなく
今回ご質問させて頂きます。

発生している問題

iOSでiframe内のページ内移動を行いたいです。

該当のソースコード

iframe_test.html（iframe読み込み処理を行っているファイルとなります）

html
1<html lang="ja">
2<head>
3<meta charset="UTF-8">
4<style type="text/css">
5<!--
6#iframe-div {
7	width: 100%;
8	height: 100vh;
9	overflow: auto;
10	-webkit-overflow-scrolling: touch;
11	display: inline-block;
12}
13#iframe-div #iframe {
14	width: 100%;
15	height: 100%;
16	border: none;
17	display: block;
18	right: 0;
19	z-index: 0;
20}
21-->
22</style>
23<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
24</head>
25<body>
26<div id="iframe-div">
27<iframe id="iframe" src="/iframe_test_sub.html" name="iframe" scrolling="yes" frameborder="no" style=""></iframe>
28</div>
29</body>
30</html>

iframe_test_sub.html（iframe読み込み先のファイルとなります）

html
1<html lang="ja">
2<head>
3<meta charset="UTF-8">
4<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
5<script type="text/javascript">
6	setTimeout(function() {
7		$('html,body').animate({scrollTop:$('#footer').offset().top});
8	},0);
9</script>
10</head>
11<body>
12<div id="header">iframe_test_sub.html - header</div>
13iframe_test_sub.html<br />
14iframe_test_sub.html<br />
15iframe_test_sub.html<br />
16・
17・
18・
19iframe_test_sub.html<br />
20iframe_test_sub.html<br />
21iframe_test_sub.html<br />
22<div id="footer">iframe_test_sub.html - footer</div>
23</body>
24</html>