export default {
name: 'Test',
data() {
return {
system: null,
safeAreaInsetsBottom: null
}
},
onLoad() {
uni.getSystemInfo({
success: resp => {
this.system = resp
this.safeAreaInsetsBottom = resp?.safeAreaInsets?.bottom ?? 0
console.log('safeAreaInsetsBottom=', this.safeAreaInsetsBottom)
}
})
}
}
</script>
<template>
<view class="p-c">
<view style="height: 40px;width: 100%;background-color: #f6131d">
header
</view>
<scroll-view
scroll-y="true"
class="message-list"
enable-flex
:style="{'height': system.windowHeight - (40 + safeAreaInsetsBottom) + 'px'}"
>
<view
v-for="(item, index) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]"
:id="'' + index"
:key="index"
class="message-item"
>
{{ item }}
</view>
</scroll-view>
</view>
</template>
<style>
page {
-webkit-overflow-scrolling: touch;
height: 100%;
width: 100%;
box-sizing: border-box;
background: #fff;
font-size: 28rpx;
word-break: break-all;
white-space: normal;
color: $uni-text-color;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
</style>
<style scoped lang="scss">
.p-c {
height: 100%;
position: relative;
background-color: #EFF1F5;
padding-bottom: unset;
.message-list {
//height: 100%;
//overflow-y: auto;
padding: 0 20rpx;
background-color: #EFF1F5;
display: flex;
flex-direction: column-reverse;
.message-item {
width: 100%;
padding: 30px 0;
margin-bottom: 20px;
border: 1px solid #000;
}
}
}
</style>

- 发布:2024-11-29 15:12
- 更新:2024-12-03 11:21
- 阅读:260
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 4.36
第三方开发者工具版本号: 1.06.2409140
基础库版本号: 3.6.6
项目创建方式: HBuilderX
示例代码:
操作步骤:
scroll-view滑动失效!滑动时变成了整个页面动
scroll-view滑动失效!滑动时变成了整个页面动
预期结果:
scroll-view可以正常使用
scroll-view可以正常使用
实际结果:
scroll-view滑动失效!滑动时变成了整个页面动
scroll-view滑动失效!滑动时变成了整个页面动
bug描述:
IOS18.1.1系统scroll-view滑动失效!滑动时变成了整个页面动
6 个回复
e***@foxmail.com (作者)
有人处理吗
e***@foxmail.com (作者)
麻烦尽快看下问题解决吧
e***@foxmail.com (作者)
@DCloud_UNI_OttoJi @DCloud_UNI_WZF @DCloud_CHB @DCloud_UNI_yuhe
锦鲤_接单 - 开发、设计、新媒体运营
小程序上还是APP上或者是H5上?
e***@foxmail.com (作者)
微信小程序
2024-12-03 11:02
锦鲤_接单 - 开发、设计、新媒体运营
把这两句注释掉就好了
e***@foxmail.com (作者)
确实可以了,因为我们需求是从下往上排列,其他机型没出现过这个问题,奇了怪了
2024-12-03 11:27
锦鲤_接单
回复 e***@foxmail.com: 应该是个BUG
2024-12-03 11:29
锦鲤_接单 - 开发、设计、新媒体运营
或者把scroll-view上的enable-flex去掉