css部分
.parent{
position:relative;
height:100%;//高度根据需求自行设定
}
.child{
position:absolute;
left:0;
top:0;
right:0;
bottom:0; //left,top,right,bottom都为0，充满真个页面
overflow-y:auto;
overflow-x:hidden; //设置Y轴出现滚动条，X轴隐藏
}
html部分
<div class="parent">
<div class="child"></div>
</div>
当child中内容过多溢出是时，child就会出现滚动条，不需要设定固定的高度，和使用js自动计算
代码
接上文：ionic4-div容器自适应手机屏幕高度 ionic4-overflow-x:scroll时，显示滚动条...
需求： 顶部固定高度 底部固定高度 中间高度自适应，并且可以出发内部滚动而不出现横向滚动和垂直动条 解决方式一：中...
表格出现滚动条 滚动条是根据height和overflow:scroll确定的，需要滚动条的当前要有高度！！！ 美...
问题描述：1.上下div,上div高度自适应，要求下面的div高度自适应/下div超出高度显示滚动条2.当浏览器窗...
解决思路：父元素设置高度100px 并设置overflow：hidden，子元素高度= 父元素高度+滚动条宽度（8...
scroll-view设置高度后无法滚动，溢出内容被隐藏，就像overflow: hidden 需要scroll-...
该元素在父元素中必须能滚动，父元素 overflow 属性为 auto、scroll，且子元素高度超过父元素高度；...
刷新某一行 tableview 滚动到指定位置 当前滚动到哪一行 cell Delegate 可以部分自适应高度，...
iPhone手机scroll滑动不顺滑 div固定高度，子元素可滚动，设置overflow:scroll，但是在i...
本文标题：overflow 自适应高度滚动
本文链接：https://www.haomeiwen.com/subject/rhwerctx.html
网友评论