微信小程序 IOS 黏性布局sticky包裹scrollview使用页面异常问题

源码:在开发者工具中预览效果

 

问题描述:使用 sticky 包裹横向的scrollview使用时在到达页面底部时因ios橡皮筋还会继续向下拉伸,在拉伸到一定高度时在顶部的横向scrollview会消失,更高时整个sticky元素都会消失。

解决方法:页面最外层再包裹一层高度100vh的scrollview即可解决该问题。

问题如下图所示:图一正常状态, 图二拉伸一定高度scrollview消失,图三继续拉伸sticky元素消失

微信小程序 IOS 黏性布局sticky包裹scrollview使用页面异常问题_第1张图片   微信小程序 IOS 黏性布局sticky包裹scrollview使用页面异常问题_第2张图片  微信小程序 IOS 黏性布局sticky包裹scrollview使用页面异常问题_第3张图片

你可能感兴趣的:(Web前端,微信小程序,小程序)