微信小程序IOS苹果手机,uni-datetime-picker日期选择组件底部按钮被遮住问题。

原因:
uni-datetime-picker弹框写在滚动条元素内部,当滚动条元素高度被限制,并且滚动条元素的底部高度没有到手机屏幕底部时,日期选择弹框在IOS手机上就会被遮住。类似overflow: hidden;的效果。

解决方法:
把固定在底部的标签代码,也写在滚动条元素内部,并让滚动条元素高度和手机底部一致。
如果这些内容需要固定在底部,就给它们包裹两层view,第一层设置高度占据相应的显示高度,第二层用position: fixed;固定在底部。这样日期选择弹框就能在手机底部显示出来。
注意:第二层view的z-index不能大于日期弹框的z-index,不能大于99。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容