Слик не работает при изменении ориентации / изменении размера окна на iPhone / iPad Chrome - PullRequest
Новая
       11

Слик не работает при изменении ориентации / изменении размера окна на iPhone / iPad Chrome

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

Сталкивайтесь со странной проблемой, используя resize orientationchange, чтобы изменить размер моей вялой карусели только на iPhone и iPad Chrome.

Моя цель состоит в том, чтобы на мобильном портрете бегать гладко, но в зависимости от ширины экрана в альбомной ориентации оно должно возвращаться к тому, как оно будет выглядеть на рабочем столе, что устраняет скользкую карусель.Ниже я привел несколько изображений того, как это выглядит на устройстве Android, которое работает нормально, а также как это выглядит на iPhone, который, кажется, не работает.

enter image description here enter image description here

Мой слик js: 

$(document).ready(function() {
    $(".carousel").slick( {
        slide:".slide",
        slidesToShow:2,
        slidesToScroll:1,
        autoplay:1,
        infinite: true,
        autoplaySpeed:2000,
        mobileFirst: true,
        responsive:[{
            breakpoint:500,
            settings: { slidesToShow: 3 }
        },{
            breakpoint: 650,
            settings: 'unslick'
        }]
    });
});

и для ресайзера: 

$(window).on("resize orientationchange", function() {
    $(".carousel").slick("resize");
});

Этот код отлично работает на всех остальныхустройства и браузеры и отлично работает на iPhone / iPad Safari.Любое исследование, которое я провел по этому поводу, заставило бы меня предположить, что resize orientationchange должен был это исправить.

...