uni-app h5 吸底部,滚动固定底部css

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

友情链接更多精彩内容