Материализация скользящей анимации - PullRequest
Новая
       8

Материализация скользящей анимации

0 голосов
/ 26 января 2020

У меня проблема на странице моего сайта. По сути, я пытаюсь использовать карусель Materialise с фиксированным содержанием. Эта же проблема произошла с несколькими другими анимациями, и я не смог ее исправить. По сути, всякий раз, когда я инициализирую карусель с JS, анимация становится очень медленной и неуклюжей. См. Пример здесь .

HTML: 

<div class="carousel carousel-slider">
    <div class="carousel-fixed-item center">
        <a class="btn waves-effect white grey-text darken-text-2">button</a>
    </div>
    <div class="carousel-item red white-text" href="#one!">
        <h2>First Panel</h2>
        <p class="white-text">This is your first panel</p>
        </div>
    <div class="carousel-item amber white-text" href="#two!">
        <h2>Second Panel</h2>
        <p class="white-text">This is your second panel</p>
    </div>
</div>

JS: 

document.addEventListener('DOMContentLoaded', function() {
   var elems = document.querySelectorAll('.carousel');
   var instance = M.Carousel.init(elems, {
      fullWidth: true,
      indicators: true
   });
});

Я обычно не программирую на JS, поэтому, пожалуйста, прости меня, если я делаю что-то не так. Но может ли кто-нибудь помочь мне с этим?

...