使用Owl Carousel创建拉力/弹性效果

时间:2018-10-31 10:30:15

标签: javascript jquery owl-carousel

我正在努力复制我见过的这种拉力/弹性效果: 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 div的宽度。

任何帮助将不胜感激!...预先感谢

0 个答案:

没有答案