我已经实现了光滑的滑块,无需调整浏览器大小即可正常工作。但是当我将浏览器大小调整为 1024 时,响应断点设置不起作用。
jQuery:
$('.slider').slick({
centerMode: true,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
infinite: true,
cssEase: 'linear',
variableWidth: true,
variableHeight: true,
mobileFirst: true,
responsive: [{
breakpoint: 1024,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
centerMode: false
}
}]
});
Demo -- https://jsfiddle.net/squidraj/hn7xsa4y/4/ https://jsfiddle.net/squidraj/hn7xsa4y/4/
将此设置添加到您的代码中;
$(".slides").slick({
autoplay:true,
mobileFirst:true,//add this one
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)