Menghadapi masalah limpahan dengan React Slick

Question

Saya menggunakan react slick untuk membuat slider, kad slider mengandungi menu lungsur turun dengan banyak pilihan. Apabila menu lungsur turun dibuka, separuh daripada menu lungsur turun dipangkas dan menu lungsur penuh tidak dapat dilihat.

Pen Kod: https://codepen.io/gtm18/pen/YzRdaML (demo dengan jQuery)

$(document).ready(function(){
  $('.carousel').slick({
  slidesToShow: 3,
  dots:true,
  centerMode: true,
  });
});

Answer 1

Anda boleh mengehadkan ketinggian menu lungsur turun, yang akan menambah bar skrol dan anda boleh melihat semua pilihan, seperti ini:

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
  max-height: 240px;
}

Untuk melihat demo yang lebih terperinci, lihat demo kod ini:

https://codepen.io/gtm18/pen/YzRdaML