面对React Slick的溢出问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

面对React Slick的溢出问题

P粉827121558 2023-09-17 10:16:57

[JavaScript讨论组]

889

我正在使用react slick来制作滑块，滑块卡片中包含有很多选项的下拉菜单。当下拉菜单打开时，下拉菜单的一半被裁剪，无法查看完整的下拉菜单。

代码笔：https://codepen.io/gtm18/pen/YzRdaML（带有jQuery的演示）

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

P粉827121558

全部回复(1)

P粉8981078742023-09-18 00:43:51 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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部