uniapp完美实现顶部,底部固定,中间滑动

实现方法
1.跟布局设置代码块,给高度,竖向排序
display: flex;
flex-direction: column;
height: 100%;
2.中间布局给滑动,给权重(权重可以避免中间布局不够整平导致底部上移)
overflow: scroll;
flex: 1;

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文链接:https://blog.csdn.net/LongIvan/article/details/83832...
    townof1997阅读 376评论 0 0
  • 简介 CSS (cascading style sheet)层叠样式表 CSS书写方式 内嵌式:在head标签中书...
    Zindex阅读 672评论 0 2
  • 一般我们都是用fixed来固定定位,代码如下: position:fixed; top:0; left:0; ri...
    困猫喵阅读 4,477评论 0 0
  • 一,css常见问题: 一、margin问题 上下margin重叠问题,即给相邻的两个div设置margin-bot...
    _往后_阅读 1,710评论 0 2
  • display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别...
    纹小艾阅读 2,017评论 0 1

友情链接更多精彩内容