AngularJS Проблема с гладким бесконечным режимом - PullRequest
0 голосов
/ 11 апреля 2020

Я использую эту библиотеку для поддержки AngularJS библиотеки Slick: https://github.com/devmark/angular-slick-carousel

У меня проблема в бесконечном режиме: при загрузке карусели для в первый раз первый слайд имеет пустой слайд слева от последнего, как и должно быть в бесконечном режиме.

enter image description here

Здесь мой HTML код:

<slick ng-if="homeCtrl.dataPerTeLoaded"
           settings="homeCtrl.slickConfiguration">
    <div ng-repeat="story in homeCtrl.sceltiPerTe">
        <story-card compact-view="true" showcovers="false" story="story"></story-card>
    </div>
</slick>

и вот моя гладкая конфигурация:

autoplay: false,
arrows: true,
infinite: true,
centerMode: true,
dots: true,
focusOnChange: true,
initialSlide: 1,
speed: 300,
slidesToShow: 2,
slidesToScroll: 1,
responsive: [{
    breakpoint: 1024,
    settings: {
        centerMode: false,
        slidesToShow: 1
    }
}, {
    breakpoint: 600,
    settings: {
        centerMode: false,
        slidesToShow: 1
    }
}, {
    breakpoint: 300,
    settings: {
        centerMode: false,
        slidesToShow: 1
    }
}]

Если я go перейду на другую страницу, а затем вернусь на страницу, где находится слайдер все в порядке (первый слайд имеет последний слайд слева):

enter image description here

Кто-нибудь может мне помочь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...