%ign%ignore_a_1%re_a_1% 中超出 div 界面并启用滑条滚动
在 react 中，当某个元素的内容超出父元素的边框时，可以使用 overflow 属性来控制它的显示方式。下面是如何让超出 div 界面后启用可上下拖动滑条：
在 subcontainer 组件中，添加以下样式：
无涯·问知
无涯·问知，是一款基于星环大模型底座，结合个人知识库、企业知识库、法律法规、财经等多种知识源的企业级垂直领域问答产品
153 查看详情
overflow: 'auto'
更新后的代码如下：
import React from 'react'export type ItemType = { type: "property" | "method", value: string, selected?: boolean }export type SubContainerProps = { height?: number, title: string, data: ItemType[], // 这个是items}export default function subContainer (props: SubContainerProps){ return ( {props.data.map((item, index) => ( {item.value} ))} )}
通过添加 overflow: ‘auto’，如果子元素超出父元素，将显示垂直滚动条，允许用户滚动查看剩余内容。
以上就是React 中如何让超出 div 界面后启用可上下拖动滑条？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1155566.html
微信扫一扫 
支付宝扫一扫 
