面對React Slick的溢出問題

Question

我正在使用react slick來製作滑桿，滑桿卡片中包含有很多選項的下拉式選單。當下拉式選單打開時，下拉式選單的一半被裁剪，無法查看完整的下拉式選單。

代碼筆：https://codepen.io/gtm18/pen/YzRdaML（有jQuery的示範）

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

Answer 1

您可以限制下拉式選單的高度，這樣會新增捲軸，您可以看到所有的選項，如下所示：

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

要查看更詳細的演示，請查看此程式碼演示：

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

#