css – 如何在iPad中滚动div时修复增加的Scrollbar拇指大小

css – 如何在iPad中滚动div时修复增加的Scrollbar拇指大小,第1张

概述当我在iPad中滚动’overflow-y:scroll’div时,滚动条的拇指大小会不断增加.知道如何解决这个设计的问题吗? position: absolute;max-height: 200px; overflow-y: scroll; overflow-x: hidden; 以上是元素的基本样式集. 这就是它在iPad中看起来如何滚动到div的底部. 这是预期的行为: 尝试使用原生滚 当我在iPad中滚动’overflow-y:scroll’div时,滚动条的拇指大小会不断增加.知道如何解决这个设计的问题吗?

position: absolute;max-height: 200px; overflow-y: scroll; overflow-x: hIDden;

以上是元素的基本样式集.

这就是它在iPad中看起来如何滚动到div的底部.

这是预期的行为:

解决方法 尝试使用原生滚动:-webkit-overflow-scrolling:touch;

Safari Developer Library Reference

我试图用ipad模拟器http://codepen.io/anon/pen/kApKB重现这种行为

问题也可能是变高.

总结

以上是内存溢出为你收集整理的css – 如何在iPad中滚动div时修复增加的Scrollbar拇指大小全部内容,希望文章能够帮你解决css – 如何在iPad中滚动div时修复增加的Scrollbar拇指大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1079424.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存