效果图
image.png
滚动地址时已选择的和请选择提示不动,就只有地址列表滚动动
<div class="area-select">
<ul>
<li>内蒙古</li>
<li>请选择</li>
</ul>
<ul class="area-list">
<li>北京</li>
<li>重庆</li>
<li>上海</li>
.....
</ul>
</div>
<style>
.area-select {
height: 50vh; // 外层容器高度50vh
display: flex; // 布局方式为flex
flex-direction: column; // 主轴方向column
}
.area-select .area-list {
overflow: hidden;
overflow-y: scroll;
}
</style>
效果图 滚动地址时已选择的和请选择提示不动,就只有地址列表滚动动
你是否也遇到过这个效果,嵌套滚动? 如何实现呢 image.gif\ 首先,我们知道,这一定一个嵌套滚动的问题.基...
嵌套flex布局引起
ScrollView嵌套FlatList滚动处理 React Native 实现物流进度信息 react-nati...
让Tab组件的content局部滚动 实现局部滚动有一种非常简单的方法，就是利用父元素display: flex;...
前言 前面研究了DropTopLayout嵌套滚动固定头部的代码，发现在滑动时(1)不能联动滚动头部，而且实现上感...
scrollView 嵌套列表滚动视图 达到平滑滚动的效果 微博个人主页 以及各大外卖平台都有类似效果 实现原理:...
Android的嵌套滚动的几种实现方式 很多 Android 开发者虽然做了几年的开发，但是可能还是对滚动的几种方...
重点:启用嵌套滚动,参数启用为true以从此视图启用嵌套滚动调度，否则为false 内部嵌套的recyclervi...
列表嵌套滑动，关键点在于如何分派事件给父列表还是子列表。 具体节点如下：1.当父类可以向下滑动时，事件应该交给父类...
本文标题：flex实现嵌套滚动
本文链接：https://www.haomeiwen.com/subject/oiphxctx.html
网友评论