IFrame, masaüstü tarayıcılarda değil de tarayıcıda kayar.

Aşağıda, bir sayfa içinde iframe yükleyen bir örnek kod ve iframe kodu javascript call - window.scrollTo (0,170);IFrame, masaüstü tarayıcılarda değil de tarayıcıda kayar.

Mozilla, krom, safari gibi masaüstü tarayıcılarda her şey iyi çalışıyor, ancak bir IPhone'da denediğimde, kaydırma kodu (window.scrollTo (0,170);) çalışmıyor. Tüm dosyalar aynı sunucuda bulunur.

Çalıştığı zaman, sayfanın 9 satırına kadar yukarı ve yukarı doğru kaydırıldığını göreceksiniz. Sayfa çalışmadığında, ancak hiçbir şey kaymaz.

Neyi yanlış yaptığım veya neden işe yaramadığına dair herhangi bir fikir var mı? Ben karar verdi bu soruna çözüm bulmak başardı

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

kaynak

2016-03-18 Tony

IFrame, masaüstü tarayıcılarda değil de tarayıcıda kayar.

cevap

İlgili konular