之前在网上找了很多种方法也请教过同事,不是超出百分百高度部分颜色重新渐变就是用到的高度颜色渐变而没用到的部分依旧是白色,后面经过另一个同事提点,找到一个投巧法,多给一个外边盒子,我的代码是这样的:
.wxml文件
<view class="index-container">
<view class="index-container-wrap">
// 内容
</view>
</view>
.wxss文件
page{
height:100%;
}
.index-container{
height: 100%;
overflow-y: hidden;
background: linear-gradient(180deg, rgba(222,91,87,1) 0%, rgba(255,217,194,1) 100%);
}
.index-container-wrap{
height: 100%;
padding: 64rpx 24rpx 32rpx; // 看各自具体需求
box-sizing: border-box;
overflow-y: auto;
}