设为首页收藏本站

恭喜Java自学者论坛（https://www.javazxz.com）已经为数万Java学习者服务超过8年了！积累会员资料超过10000G+！
成为本站VIP会员，下载本站10000G+会员资源，会员资料板块，购买链接：点击进入购买VIP会员

Java自学者论坛»论坛 › IT知识库 › IOS/Android › 解决使用了属性overflow:scroll、overflow-y:scroll、ov ...

发新帖

查看: 709|回复: 0

解决使用了属性overflow:scroll、overflow-y:scroll、overflow-x:scroll;的网页在iPhone iOS Safari浏览器中滑动不流畅问题

TA的每日心情

	奋斗 2024-11-24 15:47

签到天数: 804 天

[LV.10]以坛为家III

2053 主题	2111 帖子	72万积分

Rank: 9 Rank: 9 Rank: 9

积分: 726782

发消息

发表于 2021-7-12 08:41:17 | 显示全部楼层 |阅读模式

本站已经为数万IT学习者服务超过8年！成为本站VIP会员，免金币下载本站10000G+VIP会员资料！所有VIP资料>>

在使用了属性overflow:scroll、overflow-y:scroll、overflow-x:scroll;的元素上加上-webkit-overflow-scrolling: touch;即可

在IPhone上对div盒子设置高度height:XXXpx并使用overflow-y:scroll使盒子出现滚动条可能与浏览器自身滚动条冲突导致滑动不流畅

参考资料：

解决页面使用overflow: scroll在iOS上滑动卡顿的问题

网页在Safari快速滚动和回弹的原理： -webkit-overflow-scrolling : touch;的实现

-webkit-overflow-scrolling 带来的 BUG

哎...今天够累的，签到来了1...

回复

使用道具举报

发新帖

|手机版|小黑屋|Java自学者论坛 ( 声明：本站文章及资料整理自互联网，用于Java自学者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-11 10:04 , Processed in 0.063744 second(s), 30 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表