酷酷滴辉
酷酷滴辉
  • 发布:2021-10-12 15:11
  • 更新:2021-10-14 20:43
  • 阅读:1232

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

分类:uni-app

在scroll-view 组件里面 的元素 使用position: fixed;定位 ,是相对于scroll-view 而不是整个页面 ,即使top 0 bottom: 0; 也是scroll-view高度 ,

<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>
2021-10-12 15:11 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 3.2.10 alpha 已修复

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