ios开发里面加载的html5为什么不能隐藏滚动条

ios开发里面加载的html5为什么不能隐藏滚动条,第1张

用CSS可以实现效果。代码如下:

html{height:100%}

body{height:100%overflow:hidden}//overflow:hidden为隐藏滚动条

body{overflow:scroll}//如果内容高度大于屏幕就会显示滚动条

HTML5 是下一代的 HTML。

最近一直困在ios滚动条上,之前就出现过一次。我一直按照溢出滚动的原理处理的,是凑合能用,结果界面变化了下,就又坏了。

网上大多数都是让加 -webkit-overflow-scrolling:touch,不管用的。

我一直不知道怎么描述我这个问题,在网上搜了半天,最后找到这个大神的博客,地址: https://www.cnblogs.com/xiahj/p/8036419.html 。

大神讲了 ios 的各种滚动,我排查了下,我的属于 高度动态变化 导致滚动不了的bug。

解决方案:

1.保证使用 -webkit-overflow-scrolling:touch元素上没有设定定位 或者手动设置为 static

2.如果添加动态内容页面不能滚动,让子元素 height+1

大神用的是伪类添加,我实际直接加的

大约就这些了,如果有其他问题,请参考大神的博客。


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

原文地址: https://outofmemory.cn/zaji/7042768.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存