84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我正在使用react slick來製作滑桿，滑桿卡片中包含有很多選項的下拉式選單。當下拉式選單打開時，下拉式選單的一半被裁剪，無法查看完整的下拉式選單。
代碼筆：https://codepen.io/gtm18/pen/YzRdaML（有jQuery的示範）
$(document).ready(function(){ $('.carousel').slick({ slidesToShow: 3, dots:true, centerMode: true, }); });
您可以限制下拉式選單的高度，這樣會新增捲軸，您可以看到所有的選項，如下所示：
.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
您可以限制下拉式選單的高度，這樣會新增捲軸，您可以看到所有的選項，如下所示：
.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
#