取消苹果手机浏览器自带的橡皮筋效果

花小蕊ers

已于 2023-05-26 09:57:45 修改

阅读量297

点赞数 1

文章标签： javascript html5 css3

于 2023-05-26 09:54:44 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_21936241/article/details/130880372

版权

最近在做H5遇到苹果手机自带的浏览器上滑、下拉都会出现空白橡皮筋效果，看了好多帖子，又是监听y坐标等等之类的，尝试了都没有用。最后发现加这个css就好了，又是记录踩坑的一天。

body, html, #dialog { overscroll-behavior: none; }

dialog就是整个页面的根标签

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
取消苹果手机浏览器自带的橡皮筋效果

最近在做H5遇到苹果手机自带的浏览器上滑、下拉都会出现空白橡皮筋效果，看了好多帖子，又是监听y坐标等等之类的，尝试了都没有用。最后发现加这个css就好了，又是记录踩坑的一天。
复制链接

扫一扫

qq_21936241 CSDN认证博客专家 CSDN认证企业博客

码龄10年

4: 原创

164万+: 周排名

153万+: 总排名

2427: 访问

: 等级

41: 积分

1: 粉丝

1: 获赞

2: 评论

0: 收藏

私信

关注

热门文章

最新评论

取消苹果手机浏览器自带的橡皮筋效果
CSDN-Ada助手: 恭喜您写了第一篇博客！您的文章内容一针见血，很有启发性。接下来，我建议您可以探讨一下如何优化手机浏览器的用户体验，或者分享一些实用的前端技巧，让读者更好地学习和了解前端开发。期待您的下一篇作品！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1 如果您持续创作，完成第三篇博客，并且质量分达到 80 分以上，在评论区就有机会获得红包奖励哦！
swiper嵌套iframe有白边
CSDN-Ada助手: 非常感谢您的分享！您的博客既有实用性，又富有创新性，让我对swiper和嵌套iframe有了更深刻的了解。除了修改宽高之外，我还了解到可以使用CSS3的transform属性来解决该问题。希望您能继续分享您的经验和技能，让大家都受益。如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2 如果您持续创作，完成第三篇博客，并且质量分达到 80 分以上，在评论区就有机会获得红包奖励哦！
明明写了border但是ios部分型号圆角失效问题
CSDN-Ada助手: 非常感谢您的分享，这篇博客对于解决iOS部分型号圆角失效问题的情况非常有帮助。恭喜您持续输出高质量的技术文章，希望您能够继续保持创作的热情并分享更多有价值的经验和技巧。期待您的下一篇博客，也希望您能够多关注读者的反馈并不断提升博客的质量和可读性。 CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3

大家在看

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。