css - 如何在“溢出:隐藏”div中启用滚动
问题描述
我已经用react-beautiful-dnd
. 它按我想要的方式工作。
我希望能够在div
具有overflow: hidden
. 但是,这样做可以防止在视口之外的列中拖动卡片,屏幕不再水平向右滚动。
我正在简化问题,我需要这样做的原因是因为我使用的是 Layout 组件,该content
组件是带有overflow: hidden
.
这是一个演示问题的代码框
基本上,这是可行的,我可以将 Card 拖放到右侧,它会水平滚动:
<div style={{ overflow: 'unset}} >
<Kanban />
<div>
这不会:
<div style={{ overflow: 'hidden }} >
<Kanban />
<div>
也许有一种方法可以像这样重置第一个 div?:
<div style={{ overflow: 'hidden }} >
<div style={{ }}> // something here to reset container div?
<Kanban />
</div>
<div>
解决方案
推荐阅读
- laravel - 此路由不支持 post 方法。支持的方法:get、head Laravel 8
- python - Python:如何从父目录导入模块
- python - 按键删除一个文件中不存在于另一个文件中的行
- python - 使用 Python 将 XML 转换为 csv 文件
- html - 使用与电子邮件兼容的 HTML 调整图像大小以适合表格
- windows-forms-designer - 可拖动的窗体栏
- python - 使用 django,python 从 Okta 登录后读取 SAML 用户 ID
- python - C++ 高效解析 Python 数组字符串
- node.js - nodejs单元测试PubSub.publish不发送数据
- amazon-web-services - 基于源 IP 的 AWS 安全组规则