一体机首页滑动问题解决
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user