Как я могу добавить анимацию для материализации страниц? - PullRequest
Новая
       5

Как я могу добавить анимацию для материализации страниц?

0 голосов
/ 20 января 2019

В моем коде 3 html-файла. на данный момент я использую тег в качестве ссылки a и хочу добавить анимацию для переключения страниц.

Я использую materialize, но не могу найти, как добавить анимацию для этого.

Кто-нибудь может помочь? (Я хочу, чтобы когда я нажимал кнопку в моем index.html, он анимировался, например, скользил вправо, и менялся на menu.html)

Это код index.html: 

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel = "stylesheet" type="text/css" href = "Sources/bootstrap.css">

    <link rel = "stylesheet" type="text/css" href = "Sources/Matirialize.css">
    <script type = "text/javascript"
            src = "Sources/jquery-2.1.1.js"></script>
    <script src = "Sources/Matirialize.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src = "jquery.js"></script>
</head>
<body>
<a class="waves-effect waves-light btn">button</a>
</body>
</html>

и это код menu.html: 

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

</head>
<body>
<p>this is supose to be the menu page</p>
</body>
</html>

1 Ответ

0 голосов
/ 20 января 2019

В обычных условиях нельзя создавать анимацию для переходов между двумя отдельными HTML-страницами, поскольку браузер «избавляется» от первой страницы и останавливает весь свой код, прежде чем он начнет загружать вторую страницу (и, следовательно, до того, как егокод начинает работать).По сути, в промежутке между страницами у вас нет возможности запускать собственный код для создания анимации.

Если вы посмотрите на ссылку לבני מלכה, размещенную в комментариях, вы можете увидеть некоторые идеичтобы обойти это, заставив браузер загружать новую страницу особым образом, а затем вставив ее в окно браузера (а не просто имея ссылку a).

...