在ios中，给容器设置relative定位，页面能上下滑动回弹

模糊年华

已于 2023-01-09 22:56:14 修改

阅读量1k

点赞数

文章标签：前端

于 2021-04-05 15:42:54 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44380578/article/details/115443272

版权

在微信小程序的iOS环境下，遇到页面内容设置为position:relative时，页面在滑动后出现回弹现象。这可能是由于iOS系统的缓动效果导致，当将relative改为fixed后，页面不再出现滑动回弹。这个问题涉及到iOS的滚动行为和CSS定位属性的使用。

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

前言

之前在微信小程序项目当中，遇到个这样的情况，记录下：
外层包裹盒子的样式以及dom结构：
在这里插入图片描述

在安卓设备中，刚好一整屏显示，但在ios设备中，整个页面可以上下滑动并且会页面回弹，网上搜集了些资料，说是ios系统有个自带的缓动效果，拖动页面固定元素时，会默认拖动整个浏览器，产生页面回弹的效果