<template>
<view>
<view style="height: 800px;background-color: aqua;"></view>
<view style="position: sticky;background-color: #fff;height: 90px;top: 40px;z-index: 99999999999999999999999;">
<scroll-view :scroll-x="true" :show-scrollbar="false" scroll-with-animation>
11111111111111111111111111111111111111111111111111111111111111111122222222222222222222222222222222222333333333333333333333333333333333333333333333333334444444444444444
</scroll-view>
</view>
<view style="height: 800px;background-color: red;"></view>
</view>
</template>
<script>
export default {
};
</script>
<style scoped lang="scss">
</style>
- 发布:2022-07-12 09:45
- 更新:2022-11-03 14:12
- 阅读:521
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.4.18
手机系统: iOS
手机系统版本号: iOS 15
手机厂商: 苹果
手机机型: iphone13
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
手机往下滑动到底部再往下滑
手机往下滑动到底部再往下滑
预期结果:
scroll-view吸顶后正常显示
scroll-view吸顶后正常显示
实际结果:
scroll-view吸顶后正常显示
scroll-view吸顶后正常显示
bug描述:
真机调试时发现往上拖动到底部时scroll-view里面的的内容消失,如果内容改成其他文字,有时候外层的 sticky 元素也一并消失,详细看截图