Документ прокручивается до гладкой карусели при изменении размера окна в адаптивных точках останова. ⇐ Jquery

[Anonymous]

У меня есть следующий изящный код инициализации. По сути, это два синхронизированных блока:

• первый — это карусель контента, показывающая только один блок за раз.
• второй — карусель меню, показывающая несколько вариантов одновременно.
  

  Код: Выделить всё

  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
  }
  }
  ]
  });
  

Проблема в том, что документ прокручивается до slick2, когда размер окна изменяется за пределы адаптивной точки останова.

Что может быть причиной этого? Я определенно не хочу, чтобы документ прокручивался каждый раз, когда я изменяю размер окна.

Подробнее здесь: https://stackoverflow.com/questions/481 ... ive-breakp