Неисправность, перекрывающая ширину слайдов в Owl Carousel - PullRequest
Новая
       51

Неисправность, перекрывающая ширину слайдов в Owl Carousel

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

Итак, я просмотрел множество потоков на Owl Carousel, а также их собственную документацию и, похоже, не могу найти способ исправить эту проблему.

У меня есть реализацияКарусель используется в моем портфолио, и, похоже, возникают серьезные проблемы с регулировкой ширины каждой карточки в карусели.Во-вторых, я пытаюсь переопределить свойство ширины owl-item (скажем, с%), которое настраивают карты, но теперь карусель не скользит полностью и обрывается.

Из проведенного мной исследованияПохоже, что файл owl-carousel-min.js контролирует вычисление ширины, поскольку мой HTML-код создает на обертке «общую ширину», отличную от фактически отображаемой.

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

Может кто-нибудь дать мне какое-нибудь руководство?Вот фрагмент того, что я делаю: 

<div class="owl-wrapper-outer">
    <div class="owl-wrapper" style="width: 4242px; left: 0px; display: block; transform: translate3d(0px, 0px, 0px); transition: all 200ms ease;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        <div class="owl-item" style="width: 303px;">
        ::after
</div>

Я установил переопределение в моем CSS на owl-item: 10% !important;, которое в конечном итоге устанавливает ширину карты ~ 400px при 1440bp, но, как я уже сказал,Карусель не будет прокручиваться, потому что я предполагаю, что размер внешней оболочки по-прежнему такой же, как если бы он рассчитывался для ширины элемента 303 пикселя.

...