文档在响应断点处滚动到窗口调整大小的光滑轮播

时间:2018-01-11 04:45:54

标签: javascript jquery carousel slick.js slick-slider

我有以下光滑的初始化代码。基本上这些是两个同步的块:

  1. 第一个是内容轮播,一次只显示一个区块。
  2. 第二个是菜单轮播,一次显示几个选项。

    this.slick1 = $('.slider-content1').slick({
        arrows: false,
        asNavFor: '.carousel-menu1',
        adaptiveHeight: true,
        fade: true,
        speed: 1100
    });
    this.slick2 = $('.carousel-menu1').slick({
        arrows: false,
        asNavFor: '.slider-content1',
        centerMode: true,
        slidesToShow: 5,
        speed: 1100,
        responsive: [
            {
                breakpoint: 1001,
                settings: {
                    slidesToShow: 3
                }
            },
            {
                breakpoint: 751,
                settings: {
                    slidesToShow: 2
                }
            }
        ]
    });
    
  3. 问题是当窗口在响应断点上调整大小时,文档会滚动到slick2。

    可能导致什么?我定义每次调整窗口大小时都不希望滚动文档。

0 个答案:

没有答案