一体机首页滑动问题解决
This commit is contained in:
@@ -262,6 +262,7 @@
|
||||
@scrolltolower="scrollBottom"
|
||||
:enable-back-to-top="false"
|
||||
:scroll-with-animation="false"
|
||||
@touchmove.stop.prevent
|
||||
>
|
||||
<view class="falls" v-if="list.length">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
@@ -1686,12 +1687,24 @@ defineExpose({ loadData });
|
||||
background: #F4F4F4
|
||||
flex: 1
|
||||
overflow: hidden
|
||||
height: 0; // 确保flex容器正确计算高度
|
||||
// 确保flex容器正确计算高度
|
||||
position: relative;
|
||||
.falls-scroll
|
||||
width: 100%
|
||||
height: 100%
|
||||
// 确保滚动容器可以正常滚动
|
||||
-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
|
||||
padding: 28rpx 28rpx;
|
||||
.item
|
||||
|
||||
Reference in New Issue
Block a user