<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>
![9***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/05bdfffcc666826a55f04e685a7e491b.png)
- 发布:2022-04-07 15:47
- 更新:2022-04-07 15:52
- 阅读:307
产品分类: 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
示例代码:
操作步骤:
scroll-view使用弹窗
scroll-view使用弹窗
预期结果:
position: fixed; 元素占据全屏
position: fixed; 元素占据全屏
实际结果:
仅继承scroll-view的宽高,未占据全屏
仅继承scroll-view的宽高,未占据全屏
bug描述:
scroll-view中使用fixed定位,还是相对于scroll-view
9***@qq.com (作者)
感谢感谢!!!
2022-04-08 09:34