Bootstrap Модальный - внешняя загрузка страницы в сочетании с ScrollMagi c не будет работать - PullRequest
Новая
       11

Bootstrap Модальный - внешняя загрузка страницы в сочетании с ScrollMagi c не будет работать

0 голосов
/ 02 марта 2020

У меня есть скрипт, который загружает внешний файл html в модальный Bootstrap.

Внешний файл HTML содержит скрипт ScrollMagi c, который будет запускать анимацию. Проблема заключается в том, что анимации запускаются, как только я открываю модальное окно.

Ожидаемое поведение - анимация будет запускаться при прокрутке в модале.

Модальная страница: https://codepen.io/yehsper/pen/dyoRqoE

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body>
    <ul class="nav flex-row" id="menu">
        <li> <a href="#theModal" class="nav-link" data-remote="https://codepen.io/yehsper/pen/WNvOgvR.html" data-toggle="modal" data-target="#theModal">Open Modal</a>
        </li>
    </ul>
    <div class="modal fade" id="theModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">... remote content from "data-remote" loads here ...</div>
            </div>
        </div>
    </div>

HTML файл, который модальные извлекает: https://codepen.io/yehsper/pen/WNvOgvR

Есть предложения, почему это так? Любая помощь очень ценится.

...