小程序在canvas上层做图片滚动

实现该功能踩过的坑

1.swiper的swiper-item中image图片无法在canvas的上层显示,会被canvas 覆盖

2.swiper的swiper-item 里面放 cover-image 会样式错乱

3.scroll-view里面放 cover-image 会样式错乱

解决方案:使用CSS样式实现,超出部分隐藏,显示滚动条

			<cover-view  class="popupCrad">
				<cover-image class="popupCrads" :src="img_8_nutrition"></cover-image>
				<cover-image class="popupCrads" :src="img_9_nutrition"></cover-image>
			</cover-view>

css


		.popupCrad {
			z-index: 999;
			position: fixed;
			top: 140rpx;
			background-color: #fff;
			width: 510rpx;
			height: 908rpx;
			margin-left: 16%;
			min-height: 400rpx;
			overflow: hidden;
			overflow-y: scroll;

			.popupCrads {
				position: relative;
				width: 510rpx;
				z-index: 1999;
				height: 908rpx;
			}
		}

 

相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 49.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值