需要用到h5得position新属性 sticky。主要是uni-app,其中变量--window-bottom是uniapp得预定义变量。目的是底部空出tabbar的高度。
css如下：
.position-sticky {
position: -webkit-sticky!important;
position: sticky!important;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: calc( var(--window-bottom) + 3px);
left: 0;
z-index: 1030;
margin-bottom: 6;
}
h5代码：
<template>
<view class="info position-sticky fixed-bottom" v-if="zmMusicInfo.songList.length > 0" >
....
</view>
</template>
需要用到h5得position新属性 sticky。主要是uni-app,其中变量--window-bottom是...
固定在窗口底部 不会随内容滚动而消失。 固定在页面底部 粘在内容底部，内容未撑满窗口时则粘在窗口底部。 参考 ht...
CSS粘住固定底部的5种方法
这里要实现的效果是，底部的两个按钮无论是否滚动都固定在底部。如果滚动就跟随ScrollView滚动，如果屏幕够长不...
写在前面 如果本文对您有所帮助，就请点个关注吧！ 一、问题描述 本文主要介绍一个Footer元素如何粘住底部，使其...
有人经常问，我每次CSS布局position：fixed的时候，想要底部有个固定的元素类似这样 想要一直固定在底部...
移动端常用布局 头部、底部固定，内容滚动。效果如下图： 实现原理：头部、内容、底部为同一层级，头部、底部子级元素添...
当页面有滚动条时，显示滑到底部，点击对应按钮到底部 到底部时，点击返回顶部 滚动到顶部和底部之间时，显示滑到底部、...
uni-app在页面的生命周期中提供onReachBottom 页面滚动到底部的事件（不是scroll-view...
1. 使用flexbox布局实现 HTML: CSS: 全局增加一个负值下边距等于底部高度 html: CSS:
本文标题：uni-app h5 吸底部，滚动固定底部css
本文链接：https://www.haomeiwen.com/subject/mmrcshtx.html
网友评论