我正在努力复制我见过的这种拉力/弹性效果: https://roche-musique.com/ ...向下滚动至主页:
我正在使用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的宽度。
任何帮助将不胜感激!...预先感谢