9***@qq.com
9***@qq.com
  • 发布:2022-04-07 15:47
  • 更新:2022-04-07 15:52
  • 阅读:226

【报Bug】scroll-view 组件里面的position: fixed; 是相对于scroll-view 而不是整个页面

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows11

HBuilderX类型: 正式

HBuilderX版本号: 3.3.12

手机系统: iOS

手机系统版本号: iOS 12.3

手机厂商: 苹果

手机机型: iPhoneXR

页面类型: vue

vue版本: vue2

打包方式: 离线

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://apps.apple.com/cn/app/%E5%AE%89%E7%BB%9C%E6%88%98%E9%B9%B0/id1612225137

示例代码:

<template>
<view class="content">
<scroll-view scroll-y="true" >
<view class="content_box">
<button @click="Isright = !Isright" type="default">按钮</button>
<view v-if="Isright" class="right_box"> </view>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
Isright:false
}
}
}
</script>
<style>
.content_box{width: 100%;height: 500rpx;}
.right_box{
position: fixed;
right: 0;top: 0;bottom: 0;
width: 200rpx;background-color: #007AFF;z-index: 9999;
}
.logo {margin: auto;height: 200rpx;width: 200rpx;}
</style>

操作步骤:

scroll-view使用弹窗

预期结果:

position: fixed; 元素占据全屏

实际结果:

仅继承scroll-view的宽高,未占据全屏

bug描述:

scroll-view中使用fixed定位,还是相对于scroll-view

2022-04-07 15:47 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

  • 9***@qq.com (作者)

    感谢感谢!!!

    2022-04-08 09:34

该问题目前已经被锁定, 无法添加新回复