收藏
回答

canvas无法fixed定位

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvas 客户端 6.7.2 2.3.0

- 当前 Bug 的表现(可附上截图)

工具调试正常,真机环境测试无法定位


- 预期表现

无法达到预期的固定定位表现


- 复现路径


- 提供一个最简复现 Demo

    <view class="mask-canvas">

        <view class="canvas-box">

            <canvas canvas-id="shareCanvas" class='canvas' id="shareCanvas"/>

        </view>

    </view>

    .mask-canvas {

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 20;

        background-color: rgba(0,0,0,.4);

        .canvas-box {

            position: relative;

            width: 600rpx;

            height: 990rpx;

            margin-left: 75rpx;

            margin-top: 40rpx;

            border-radius: 10rpx;

           .canvas {

              position: fixed;

              left: 75rpx;

              top: 40rpx;

              right: 75rpx;

              z-index: 200;

              height: 900rpx;

              width: 600rpx;

           }

        }

    }


回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容