一体机首页滑动问题解决

This commit is contained in:
francis_fh
2026-01-13 22:55:31 +08:00
parent 5e29a47c19
commit 0d4e8990e5

View File

@@ -262,6 +262,7 @@
@scrolltolower="scrollBottom" @scrolltolower="scrollBottom"
:enable-back-to-top="false" :enable-back-to-top="false"
:scroll-with-animation="false" :scroll-with-animation="false"
@touchmove.stop.prevent
> >
<view class="falls" v-if="list.length"> <view class="falls" v-if="list.length">
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
@@ -1686,12 +1687,24 @@ defineExpose({ loadData });
background: #F4F4F4 background: #F4F4F4
flex: 1 flex: 1
overflow: hidden overflow: hidden
height: 0; // 确保flex容器正确计算高度 // 确保flex容器正确计算高度
position: relative;
.falls-scroll .falls-scroll
width: 100% width: 100%
height: 100% height: 100%
// 确保滚动容器可以正常滚动 // 确保滚动容器可以正常滚动
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
// 解决H5端嵌套环境滑动问题
touch-action: pan-y;
/* #ifdef H5 */
// 修复H5端在一体机嵌套环境中的滚动问题
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* #endif */
.falls .falls
padding: 28rpx 28rpx; padding: 28rpx 28rpx;
.item .item