移动端禁止页面下滑
Posted 小蒋不素小蒋
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端禁止页面下滑相关的知识,希望对你有一定的参考价值。
背景:
本人开发移动端h5时,想让页面禁止向下滑动,最初的代码如下:
html,body{
overflow: hidden;
}
在chrome移动端调试工具中可以,但是用iphone的微信打开,失效了。
解决方案:
方法一:
html,body{
position:fixed;
overflow-y:hidden;
}
方法二:
html,body{
overflow: hidden;
width: 100%;
height:100%;
}
参考资料:移动端如何禁用横向滚动条? - 前端开发 - 知乎
以上是关于移动端禁止页面下滑的主要内容,如果未能解决你的问题,请参考以下文章