iframeはデスクトップブラウザでスクロールしますが、iphoneではスクロールしません。

以下は、iframeをページ内に読み込んだあと、iframeコードがjavascript call-window.scrollTo（0,170）を使用してスクロールするサンプルコードです。iframeはデスクトップブラウザでスクロールしますが、iphoneではスクロールしません。

Mozilla、Chrome、Safariなどのデスクトップブラウザですべてうまく動作しますが、IPhoneで試してみると、スクロールコード（window.scrollTo（0,170）;）は機能しません。すべてのファイルは同じサーバー上にあります。

ページが読み込まれ、9行目まで上にスクロールされていることがわかります。動作しないと、ページは読み込まれますが、何もスクロールされません。

私が間違ってやっていることや、それがうまくいかない理由についてのアイデアはありますか？私は私がすることを決めたので、この問題に対する解決策を見つけることができた

<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>

<html> <head> <title>IFRAME</title> </head> <body onload="scroll_window()"> 1 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 2 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 3 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 4 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 5 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 6 ELLOOOOOOOOOOOOO!!!!!!!!!!!! 7 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 8 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 9 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 10 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 11 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 12 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 13 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 14 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 15 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 16 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 17 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 18 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 19 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 20 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 21 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 22 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 23 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 24 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 25 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 26 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 27 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 28 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 29 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 30 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 31 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 32 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 1 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 2 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 3 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 4 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 5 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 6 ELLOOOOOOOOOOOOO!!!!!!!!!!!! 7 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 8 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 9 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 10 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 11 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 12 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 13 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 14 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 15 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 16 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 17 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 18 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 19 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 20 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 21 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 22 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 23 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 24 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 25 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 26 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 27 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 28 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 29 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 30 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 31 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 32 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 1 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 2 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 3 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 4 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 5 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 6 ELLOOOOOOOOOOOOO!!!!!!!!!!!! 7 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 8 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 9 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 10 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 11 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 12 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 13 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 14 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 15 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 16 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 17 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 18 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 19 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 20 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 21 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 22 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 23 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 24 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 25 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 26 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 27 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 28 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 29 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 30 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 31 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 32 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 1 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 2 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 3 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 4 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 5 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 6 ELLOOOOOOOOOOOOO!!!!!!!!!!!! 7 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 8 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 9 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 10 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 11 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 12 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 13 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 14 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 15 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 16 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 17 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 18 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 19 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 20 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 21 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 22 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 23 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 24 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 25 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 26 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 27 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 28 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 29 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 30 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 31 HELLOOOOOOOOOOOOO!!!!!!!!!!!! 32 HELLOOOOOOOOOOOOO!!!!!!!!!!!! </body> </html> <script type="text/javascript"> function scroll_window() { window.scrollTo(0,170); } </script>

出典

2016-03-18 Tony

iframeはデスクトップブラウザでスクロールしますが、iphoneではスクロールしません。

答えて

関連する問題