![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
饥饿仙人
万辞王
获得徽章 0
赞了这篇文章
遇到一个不怎么理解的问题：
背景：uniapp开发的app应用，做pageBase布局基础组件；uniapp官网中uni.getWindowInfo获取窗口信息，
问题：部分iPhone机型（已测13 pro， 16 pro， 16 pro max）有问题如下--
1. 使用screenHeight（整个屏幕高度）作为最外层元素的height
部分机型的safeAreaInsets中bottom=0， tabbar被截断
部分机型的safeAreaInsets中bottom返回正常值， tabbar + 底部安全距离正常显示
2. 使用 windowHeight（可用高度） 不管bottom的值如何不做底部bottom的处理，tabbar能正常展示
我重点有疑惑的是， 按照官方的说明来看
windowHeight = screenHeight - safeAreaInsets.top-safeAreaInsets.bottom
但实际情况反而不是这样。希望各位大佬指点一二![[流泪]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
背景：uniapp开发的app应用，做pageBase布局基础组件；uniapp官网中uni.getWindowInfo获取窗口信息，
问题：部分iPhone机型（已测13 pro， 16 pro， 16 pro max）有问题如下--
1. 使用screenHeight（整个屏幕高度）作为最外层元素的height
部分机型的safeAreaInsets中bottom=0， tabbar被截断
部分机型的safeAreaInsets中bottom返回正常值， tabbar + 底部安全距离正常显示
2. 使用 windowHeight（可用高度） 不管bottom的值如何不做底部bottom的处理，tabbar能正常展示
我重点有疑惑的是， 按照官方的说明来看
windowHeight = screenHeight - safeAreaInsets.top-safeAreaInsets.bottom
但实际情况反而不是这样。希望各位大佬指点一二
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
展开
10
4
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
jy们，十万火急，接手了一个远古外包项目。 uniapp怎么去实现类似于掘金APP端首页滚动切换tabs的丝滑体验啊，自己实现的感觉效果上差的比较多。(uniapp+uview 2x+vue2)
因为也是第一次使用uniapp做多移动端（安卓/ios + 手机/平板等），这方面没有什么处理经验。
大概的页面布局如图一；
主要问题：
1.顶部tabs的指示器dot和内容组件的滚动联动: tab是用scroll-view手搓的，因为有图片作为tab。如果根据swiper的左右滑动，使用js计算的在tab个数多时候容易因为计算频率太高导致定位错误
2.swiper在第一屏的时候无法禁用左滑（从左至右），最后一屏无法禁用右滑;ps:可能是我没有找对方法
3.在首次进入时，每个屏都没有加载内容，如果快速滑动切换，如何去处理这个经过的每一屏的数据处理（尽量要避免刷过一个屏就加载一个屏的数据，因为我们的业务每一屏都有很多图片要加载，且大小不小）
因为也是第一次使用uniapp做多移动端（安卓/ios + 手机/平板等），这方面没有什么处理经验。
大概的页面布局如图一；
主要问题：
1.顶部tabs的指示器dot和内容组件的滚动联动: tab是用scroll-view手搓的，因为有图片作为tab。如果根据swiper的左右滑动，使用js计算的在tab个数多时候容易因为计算频率太高导致定位错误
2.swiper在第一屏的时候无法禁用左滑（从左至右），最后一屏无法禁用右滑;ps:可能是我没有找对方法
3.在首次进入时，每个屏都没有加载内容，如果快速滑动切换，如何去处理这个经过的每一屏的数据处理（尽量要避免刷过一个屏就加载一个屏的数据，因为我们的业务每一屏都有很多图片要加载，且大小不小）
展开
37
3
赞了这篇文章
赞了这篇文章