uniapp 微信小程序遇到的坑

一、使用自定义tabbar，tabbar列表页面使用原生下拉刷新

问题：在开发微信小程序 使用自定义tabbar，tabbar列表页面使用原生下拉刷新 模拟机是没问题的，在安卓端真机调试会遇到下拉刷新时tabbar也会跟着下拉出页面 ，回弹后显示正常

解决方案：使用scroll-view嵌套模式，可滚动视图区域。使用竖向滚动，需要给scroll-view一个固定高度

skyline 渲染模式下，当存在两个 scroll-view 相互嵌套的场景时，两者的滚动不能很丝滑的进行衔接，故可将外层 scroll-view 改成嵌套模式，这样可以让两个 scroll-view 的滚动衔接起来。

<!-- 外层 scroll-view -->
<scroll-viewtype="nested"scroll-yrefresher-enabled="{{true}}"
><view slot="refresher">自定义 refresher</view><nested-scroll-header><view>外层 scroll-vew 的节点 1</view></nested-scroll-header><nested-scroll-header><view>外层 scroll-vew 的节点 2</view></nested-scroll-header><nested-scroll-body><swiper><swiper-item><!-- 里层 scroll-view --><scroll-view type="list" associative-container="nested-scroll-view"><view>里层 scroll-vew 的节点 1</view><view>里层 scroll-vew 的节点 2</view></scroll-view></swiper-item><swiper-item></swiper-item><swiper-item></swiper-item></swiper></nested-scroll-body>
</scroll-view>

二、页面使用scroll-view标签页面高度设置100vh，页面输入框内容会发生上移

问题：页面使用scroll-view标签页面高度设置100vh，页面输入框内容会发生上移

解决方案：1、页面高度设置为100%  

                  2、使用calc样式

	.scroll-view-hight {height: calc(100vh + 1px);}

三、微信小程序使用vant下拉菜单在页面中间非遮罩层部分可滚动

解决方案：1、使用变量状态控制页面是否可滚动，禁用滚动条

2、使用顶部弹出层，禁用遮罩层事件