Мобильная версияУ меня есть слайдер с owl-carousel, и он вызывает ошибку с rtl. когда я добавляю rtl к своему слайдеру и дохожу до последнего элемента в нем, весь слайдер исчезает! это коды:
var viewportWidth = $("body").innerWidth(); если (viewportWidth > 1000) { $('.owl-carousel').owlCarousel({ ртл: правда, центр: правда, цикл: ложь, предметов: 10 }) } else if (1000 >= viewportWidth && viewportWidth > 500) { $('.owl-carousel').owlCarousel({ ртл: правда, центр: правда, цикл: ложь, предметов: 5 }) } else if (500 >= viewportWidth) { $('.owl-carousel').owlCarousel({ ртл: правда, центр: правда, цикл: ложь, предметов: 3 }) @font-face { семейство шрифтов: ирансанс; источник: URL(../fonts/IRANSansWeb.ttf); } @font-face { семейство шрифтов: «vogueb»; стиль шрифта: нормальный; src: URL(../fonts/vogueb.9b0d038.woff2) format("truetype") } * { семейство шрифтов: ирансанс; } тело, html { поведение прокрутки: плавное !важно; } body::-webkit-полоса прокрутки { ширина: 12 пикселей; высота: 3 пикселя } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); радиус границы: 10 пикселей } body::-webkit-scrollbar-thumb { радиус границы: 10 пикселей; фон: #41617d; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5) } body::-webkit-scrollbar-thumb:window-inactive { фон: #41617d } п { маржа: 0; } .h-150 { высота: 150 пикселей; } .контейнер { маржа-верх: 22рем; } .cont-раздел, .afterfirstcont { маржа-верх: 4rem !важно; } .карта { цвет фона: #1a1a1a !важно; дополнение: .7rem .5rem !важно; высота: 8,7рем !важно; } .price-текст { размер шрифта: .5rem; высота строки: 9 пикселей; заполнение: 0,3рем, ,3рем, ,5рем; } .cont-img { положение: относительное; } .cont-img img { позиция: абсолютная; верх: 0; высота: 100%; } .price-span { позиция: абсолютная; верх: 0; слева: 0; правильно: 0; внизу: 0; фоновое изображение: линейный градиент (0deg, #1a1a1a 25%, прозрачность 70%); выровнять-элементы: конец; } .рецепт { размер шрифта: 12 пикселей; } .элемент { переход: .4с; преобразование: масштаб (.8) !важно; курсор: указатель !важно; } .center .item { преобразование: масштаб (1) ! важно; } .owl-точки { отображение: нет !важно; } .cont-single-pro { курсор: захватить; дополнение: .3rem !важно; } .cont-single-pro:active { курсор: захват; } .рябь { фоновая позиция: центр !важно; переход: фон 0,8 с !важно; } .ripple:hover { фон: #ffffff радиальный градиент (круг, прозрачный 1%, #ffffff 1%) центр/15000% !important; } .ripple:активный { цвет фона: серый !важно; размер фона: 100% !important; переход: фон 0 с !важно; } @media только экран и (максимальная ширина: 585 пикселей) { .pop-up-inner { ширина: 100% !важно; } тело { отступ: 0 8 пикселей; } Документ Diane Lounge
21
Нажмите здесь, чтобы добавить ссылку
Завтрак
Закуска
Салат
Стейк и гриль
Персидская еда
Суши
Лапша
Пицца
Паста и Итальянская кухня
Десерт
Бар с горячим и холодным эспрессо
Травяной чай
Горячие напитки
Молочный коктейль
Смузи
Сингнатюр и Мохито
Соки
Холодный напиток
Кальян
Запустите приведенный выше код и перейдите к последнему элементу слайдера, и вы увидите проблему.