jQueryでiframeをスクロールする

jQueryを使って簡単な演習をしようとしています.3つのボタンと1つのiframeがあります。ボタンは上、下、停止しています。私はそれをクリックしたときに上をクリックするとiframeのスクロールが移動された場合のトップに行く&下をクリックすると下に移動し、停止をクリックするとスクロールが停止するはずです。私は一番上にスクロールしようとしていますが、私はそれをすることはできません。私のコードを確認してください&私に役立つリンクをください。ありがとう。jQueryでiframeをスクロールする

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
     <script> 
 
      $(document).ready(function(){ 
 
       $("#up").click(function(){ 
 
        $("iframe").scrollTop(500); 
 
       }); 
 
      }); 
 
     </script>

<body> 
 
     <input type="button" name="up" value="Up" id="up"/> 
 
     <input type="button" name="down" value="Down" /> 
 
     <input type="button" name="stop" value="Stop"/> 
 
     <br> 
 
     <iframe src="poesia.html" id="iframe"> 
 
     </iframe> 
 
    </body>

出典

2016-11-20 NeoChiri

表示されているコードは動作しますか？ – charlietfl

スクロールした後にボタンをクリックしても何も起こりません。 – NeoChiri

おそらくiframeの内部に入ってそのウィンドウの内側にスクロールトップを適用する必要があるからです。 – charlietfl

私はあなたがそのソースは、使用している1という別のドメインから来るとのiFrameのコンテンツにアクセスしようとしている、そしてそれが不可能である、これはsame-origin policyと呼ばれていると思います。

あなたが使用しているのと同じドメインのソースである場合は、iframeにアクセスして修正することができます。その場合、$("#iframe").scrollTop(0);または$("#iframe").contents().scrollTop(0)が動作するはずです。

出典

2016-11-20 13:38:14

ありがとう！それが私を助けました。 – NeoChiri

jQueryでiframeをスクロールする

答えて

関連する問題