<template>
<view>
<scroll-view style="height:896px;width:750rpx" scroll-y="true">
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>2</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>3</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>1</view>
<view>4</view>
<view>6</view>
<view style="position: fixed;bottom: 0">我是固定的</view>
</scroll-view>
</view>
</template>
<script>
export default {
}
</script>
<style>
</style>
- 发布:2022-09-22 17:43
- 更新:2022-10-09 15:29
- 阅读:379
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: window10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.3
浏览器平台: Chrome
浏览器版本: 版本 102.0.5005.63
项目创建方式: HBuilderX
示例代码:
操作步骤:
代码运行到浏览器,开启调试者模式,选择苹果iPhone XR 手机
代码运行到浏览器,开启调试者模式,选择苹果iPhone XR 手机
预期结果:
元素固定在底部
元素固定在底部
实际结果:
元素下移了
元素下移了
bug描述:
使用scroll-view 包含多个view ,最后一个view 使用fiexd固定在底部,发现在iPhone XR 固定的元素会下移到屏幕下,甚至看不到
1 个回复
goper (作者)
记录一下,坑