html5手机禁止滚动，h5页面滚动

js怎么禁止手机html横向滚动条?

1、在浏览器中模拟测试的时候直接使用html，body{overflow：hildden；overflow-y：auto}，可以达到禁用横向滚动条的效果。

2、打开一个HTML页面，页面只有一个h标签，并在浏览器打开开发者调试界面。安卓和IOS调试均正常。添加关键函数，滑动时输出字符。

3、jquery 监听页面滚动使用的方法：.scroll()。新建一个HTML文档，定义body的高度。创建JS脚本，使用.scroll() 方法监听页面滚动。如果页面发生滚动，则执行函数，弹出一个hello。

4、使得原页面还是能够进行滑动，这是我们不想看到的效果。

相关问答

Q1: 如何防止iscroll滚动时,避免触发tap事件

1、去掉hover事件。根据计算机的使用方法可知，要避免页面滚动导致鼠标移动触发hover事件，可以选择直接去掉hover事件。

2、设置IScroll.js允许我们传入第二个参数来配置滚动事件的属性；leftScroll = new IScroll(.food-left， { scrollbars： true， bounce： false， mouseWheel：true， click：true})；滚动条scrollbars： true是否显示滚动条。

3、使用了iscroll之后，你会发现点击输入框时不灵敏，经常无法聚焦；页面文字也无法选择和复制。

4、全部修改内容如上，调用的时候，只需要传入minScrollX、minScrollY参数便可实现下拉后回弹上面的预留位置了。

Q2: jquery怎么禁止手机页面触屏滑动页面滚动

1、打开一个HTML页面，页面只有一个h标签，并在浏览器打开开发者调试界面。安卓和IOS调试均正常。添加关键函数，滑动时输出字符。

2、一般通过设置 来禁止缩放，但是遇到像UC那样的可以强制缩放的浏览器，也是没有办法的。不想要滚动条，是设置 css overflow： hidden； 。 但是，这样设置了，超出窗口的部分就看不到了。

3、监听页面触摸运动 var jinzhi=0；document.addeventlistener(touchmove，function(e){ if(jinzhi==0){ e.preventdefault()；e.stoppropagation()；} }，false)；后面随便用个函数 把jinzhi的值改为不为0 就又可以滚动了。

Q3: 如何在手机上禁止浏览器的网页滚动

1、手机浏览器禁用左右滑动翻页的步骤：打开浏览器，在底下菜单栏有设置进口。进入设置界面，选择更多，有个浏览设置。在此界面关闭左右滑屏翻页设置即可。其他浏览设置也是此路径选择和设置。

2、首先打开一加手机的设置。其次点击辅助功能，在辅助功能界面下，选择切换控制。最后将切换控制的开关关闭，最后确认即可关闭网页左右滑动功能。

3、在主屏幕上长按空白处，进入“桌面设置”界面。 向下滚动页面找到“主屏幕模式”选项，并点击进入。 找到“常规模式”，并将其切换为“简洁模式”。 返回主屏幕后，再次向上滑动查看是否已经关闭了浏览器。

html5手机禁止滚动的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5页面滚动、html5手机禁止滚动的信息别忘了在本站进行查找喔。