Bei React Slick treten Überlaufprobleme auf
P粉827121558
P粉827121558 2023-09-17 10:16:57
0
1
517

Ich verwende React Slick, um einen Slider zu erstellen. Die Slider-Karte enthält ein Dropdown-Menü mit vielen Optionen. Wenn das Dropdown-Menü geöffnet wird, wird die Hälfte des Dropdown-Menüs zugeschnitten und das vollständige Dropdown-Menü kann nicht angezeigt werden.

Code Pen: https://codepen.io/gtm18/pen/YzRdaML (Demo mit jQuery)

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

P粉827121558
P粉827121558

Antworte allen(1)
P粉898107874

您可以限制下拉菜单的高度,这样会添加滚动条,您可以看到所有的选项,如下所示:

.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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage