ios scrollView滚动底部空白区域的问题 enhanced和enableBackToTop冲突

问题描述：

微信小程序中使用 ScrollView 然后同时开启 enhanced 和 enableBackToTop ，并且当里面的内容高度大于 scrollView 后，并小于 scrollView 高度乘2时就会有这个问题。
即: scrollView 高度 < 内容高度 < scrollView 高度 * 2

解决方法：

enhanced 和 enableBackToTop 只能选择其一。
里面内容的高度让他大于两倍 scrollView 的高度（我测的时候大概1.9倍左右也行，是不是机型影响我也不太清除）。

演示代码

import { View, ScrollView } from '@tarojs/components'export default () => {return (<ScrollViewscrollYstyle={{height: '100vh', background: '#000'}}enableBackToTop// 方法一: enhanced 和 refresherEnabled 只能选一个enhancedrefresherEnabled>{/* 方法二：高度设置成大于 ScrollView 的两倍 height: '200vh' */}{/* <View style={{height: '120vh', background: 'skyblue'}}></View> */}<View style={{height: '200vh', background: 'skyblue'}}></View></ScrollView>)
}

这个问题一直存在
可看微信开放社区：https://developers.weixin.qq.com/community/develop/issue/296

总结

这个问题测试了很久，我才定位到是这两个属性导致的，由于一开始是采用 swiper 包裹起来的 scrollView，然后 scrollView 的高度采用 flex 布局分配的，然后里面有个元素采用了 marginTop 导致了ios真机才发生的边距塌陷然后又修复了下。然后一轮轮的排查，最后才排查到这里的问题。

ios scrollView滚动底部空白区域的问题 enhanced和enableBackToTop冲突相关推荐

img图片底部空白区域怎么解决
解决页面img图片底部有空白区域平时插入图片经常会遇到这种底部会有空白区域的问题,并不是img高度设置的问题, 方式一设置img为块级元素,就可以解决这个问题 <style>img { ...
iOS Scrollview 滚动结束
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {if(dece ...
uni-app开发时对ios底部安全区域的控制
对于ios来说,底部安全区域仅App端支持 manifest.json 文件下源码视图 app-plus添加节点 safearea 设置背景色 "safearea": { &q ...
uni-app开发ios App，如何去掉底部安全空白区域
在ios开发的过程当中,在ios设备上底部会出现一个安全空白区域: 如果想要去掉,在manifest.json中点开源码视图配置: 将所有 iPhone X(刘海屏) 底部安全区域背景颜色自动适应, ...
Taro,小程序scroll-view 填满剩下的高度空间,关闭页面回跳(部分ios机型滚动不到底部)
其实这样在开发小程序的时候还是比较常见的,就是我们页面底部有一个需要滚动加载滚动的展示容器这个时候选择scroll-view 就是很合理了但是我们这个时候需要让scroll-view 填满 ...
ScrollView滚动到底部3种方案（巧解现实产品一个需求）
在开发过程中,最近产品给了个需求.就不墨迹了,直接上需求图,然后在进行文本的讲解: 本分主要主要讲解第三种方法,并实现上面的需求. 先贴前2种实现ScrollView滚动到底部. 使用scrollTo ...
iOS 2020iPhoneX、iPhone12刘海适配，底部安全区域高度
废话不多说直接上代码: 方法一: //判断是否为iPhone X #define IPHONE_X \ ({BOOL isPhoneX = NO;\ if (@available(iOS 11.0, ...
iOS iphonex底部安全区域
适配iPhone X,对于一般的app,只支持竖屏展示的,底部就成为了适配的重点,当在初始化控件使用self.view.safeAreaInsets.bottom获取底部安全区域高度的时候,发现获取到 ...
android scrollview 滚动高度,如何更改Android ScrollView的大小
我有这样的布局(抽象): Scrollview – fill_parent LinearLayout – wrap_content ImageView 1 – wrap_content ImageVi ...

ios scrollView滚动底部空白区域的问题 enhanced和enableBackToTop冲突

问题描述：

解决方法：

演示代码

总结

ios scrollView滚动底部空白区域的问题 enhanced和enableBackToTop冲突相关推荐

最新文章

热门文章