微信小程序ios页面没有滚动下拉也会出现黑色背景

最新推荐文章于 2024-11-27 00:45:00 发布

HerayChen

最新推荐文章于 2024-11-27 00:45:00 发布

阅读量792

点赞数

文章标签：微信小程序 ios 小程序

本文链接：https://blog.csdn.net/qq_45832807/article/details/133994241

版权

博客围绕iOS小程序页面滚动问题展开，介绍了多种尝试过的解决方法，如设置整体overflow: hidden、设置样式属性禁用拖动拉拽、配置禁止下拉刷新、在最外面标签添加阻止滚动等，但均无效，最终采用在页面最外面固定的方式解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题截图：
在这里插入图片描述

查了一下资料说有用一下方法解决的：

整体overflow: hidden，页面的内容将无法滚动（试了一下没用）；
设置 -webkit-overflow-scrolling 和 touch-action 样式属性来禁用页面的拖动和拉拽操作（和第一个实现方法差不多，对iOS没用，Android有可能有用，可以试试）；
page.json中配置"style": {"disableScroll": true}禁止下拉刷新（也木有用）；
还有在页面的最外面标签上添加 catchtouchmove=""阻止页面滚动的（试了一下也没啥用）

最终的解决方法在页面的最外面使用 position: fixed;将其固定来解决。
在这里插入图片描述