如何解决如何响应嵌套的光滑幻灯片?
我在asp.net mvc项目中工作,我想实现一个类似于我绘制的滑块:
我使用slickslider并在jquery中编写了以下代码:
function slickSlide()
{
$('.slider2').slick({
dots: false,cssEase: 'linear',infinite: true,speed: 300,autoplay: false,autoplaySpeed: 4000,slidesToShow: 4,slidesToScroll: 1,mobileFirst:true,responsive: [
{
breakpoint: 1200,settings: {
slidesToShow: 4
}
},{
breakpoint: 768,{
breakpoint: 580,settings: {
slidesToShow: 3
}
},{
breakpoint: 500,settings: {
slidesToShow: 2
}
}
],arrows: true,centerMode: true,centerPadding: '1%',});
$('.slider').slick({
autoplay: true,arrows: false,dots: true,speed: 500,adaptiveHeight: false,});
但是它的响应性不能正常工作,例如在较小的宽度上会损坏。 此图显示了这种混乱:
您有解决方案吗?还是像我想做的事这样的例子?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。