Создание эффекта вытягивания / упругости с помощью Owl Carousel - PullRequest
Новая
       19

Создание эффекта вытягивания / упругости с помощью Owl Carousel

0 голосов
/ 31 октября 2018

Я работаю над воспроизведением этого эффекта натяжения / упругости, который я видел на: https://roche -musique.com / ... прокрутите вниз на главной странице: enter image description here

Я использую Owl Carousel 2 ... это то, что у меня есть до сих пор в коде, но, к сожалению, это выглядит не очень хорошо: 

    $('.carousel').owlCarousel({

        loop:true,
        margin: 20,
        nav:true,
        dots: true,
        responsiveClass: true,
        items: 1,
        onDrag: function(){
            $('.carousel .item').addClass('pull');
        },
        onDragged: function(){
            $('.carousel .item').removeClass('pull');
        }
   });

С точки зрения CSS Я изменяю ширину элемента .item, когда пользователь перетаскивает, добавляя и удаляя класс .pull.

Любая помощь будет высоко оценена! ... Заранее спасибо

...