2016-11-20 6 views
1

Я пытаюсь сделать простое упражнение с jQuery, он имеет 3 кнопки и 1 iframe. Кнопки вверх, вниз и стоп. Я хочу, чтобы, когда я нажимаю «Вверх», прокрутка iframe идет вверх, если это было перемещено & при нажатии на кнопку «Вниз», она должна идти в нижнюю часть и при нажатии «Стоп» прокрутка должна останавливаться. Я пытаюсь сделать прокрутку к вершине, но я не могу этого сделать. Пожалуйста, проверьте мой код &, дайте мне полезную ссылку. Благодарю.Прокрутка iframe с jQuery

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

+0

Показан ли показанный код? – charlietfl

+0

Это не так, я нажимаю на кнопку после прокрутки вниз и ничего не происходит. – NeoChiri

+0

Возможно, потому что вам нужно попасть внутрь iframe и применить прокрутку в этом окне – charlietfl

ответ

1

Я думаю, что вы пытаетесь получить доступ к содержимому в плавающем фрейме с его источником наступающем из другого домена, который вы используете, и это не представляется возможным, это называется same-origin policy ,

Вы можете получить доступ и изменить iframe, когда его источник находится в том же домене, который вы используете. В этом случае с $("#iframe").scrollTop(0); или $("#iframe").contents().scrollTop(0) должны работать.

+0

Спасибо! Это помогло мне. – NeoChiri