我正在使用react slick來製作滑桿,滑桿卡片中包含有很多選項(xiàng)的下拉式選單。當(dāng)下拉式選單打開時(shí),下拉式選單的一半被裁剪,無(wú)法查看完整的下拉式選單。
代碼筆:https://codepen.io/gtm18/pen/YzRdaML(有jQuery的示範(fàn))
$(document).ready(function(){ $('.carousel').slick({ slidesToShow: 3, dots:true, centerMode: true, }); });
您可以限制下拉式選單的高度,這樣會(huì)新增捲軸,您可以看到所有的選項(xiàng),如下所示:
.dropdown-content { display: none; position: absolute; background-color: #f6f6f6; min-width: 230px; overflow: auto; border: 1px solid #ddd; z-index: 1; max-height: 240px; }
要查看更詳細(xì)的演示,請(qǐng)查看此程式碼演示:
#