Run Skrollr In IFrame

Я пытаюсь запустить очень простые анимации Skrollr в IFrame. Когда я заселить IFrame с простым HTML Skrollr выводит сообщение об ошибке на консоль (в FireFox):Run Skrollr In IFrame

«Не хорошо сформирован»

Я подтвердил, что содержание IFrame правильно и работать так же хорошо, если они не в iframe и на стандартной веб-странице. И я подтвердил, что файл/s скриптов Skrollr успешно загружается. Все CSS, JS и изображения находятся в том же домене, что и родительская веб-страница, поэтому нет междоменной области. Проблема проявляется, когда контент помещается в IFrame. Что заставляет меня думать, что это проблема Cross-Scripting или что Skrollr кодируется для обнаружения междоменных/межсайтовых скриптов?

Любая идея о том, что происходит не так, и как я могу это преодолеть? Я могу предоставить простой пример, если вы пожелаете. Надеясь захватить внимание Принжхорна, да, я знаю, что Skrollr в настоящее время не поддерживается и что IFrame официально не поддерживается, но если у меня есть представление о том, что происходит не так, или в чем проблема, я могу разблокировать Skrollr и добавить эту функциональность.

Edit: Heres простой JSFiddle пример

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Tasks</title> 
    <style> 

     #main-container { 
       width   : 1200px; 
       height   : 1000px; 
       background-color : #eee; 
     } 

     iframe { 
      width: 100%; 
      height: 100%; 
      overflow: scroll; 
     } 

    </style> 
</head> 

<body> 

    <div class="container text-center"> 

     <button id="load-btn">Load Iframe</button> 

     <br/> 

     <div id="main-container" class="text-center"> 
      <iframe id="mf-preview" frameborder="0"></iframe> 
     </div> 

    </div> 

    <!-- Javascript files --> 
    <script src="js/custom.js"></script> 
</body> 
</html>

источник

2015-09-24 Jake M

Поскольку вы предложили, простой пример кода, было бы здорово, спасибо ! Это то, что мы все здесь :) Фрагмент стека или JSFiddle предпочтительнее! –

все работает брат

, когда размер вашего фрейма является более 1000px, то он будет показывать полосу прокрутки

Like пример:

<iframe id="mf-preview" src="http://onhax.net" frameborder="0"></iframe>

У меня есть добавить источник фрейма, который больше затем 1200px и после добавления этого, как он будет отображать полосу прокрутки

проверить его в JSFiddle

источник

2015-09-24 07:51:56

спасибо за ваш ответ, но HTML всегда загружается отлично. Это значит, что анимация не работает. Анимация контролируется библиотекой Skrollr и создает ошибку при загрузке iframe. –

Run Skrollr In IFrame

ответ

Смежные вопросы