手机端禁止导航条

作者: lMadman | 来源:发表于2017-03-08 10:14 被阅读0次

 $("body").bind("touchmove",function(event) { //禁用导航条
       event.preventDefault();
 });
$("body").unbind("touchmove"); //解除导航条

应用场景：
1.在做加载动画的时候，通常我们是禁止页面出现导航条以及滚动的，虽然我们用fixed定位覆盖了，但是手机端还是会碰到滑动穿透。
2.在做手机端弹出框的时候，也会碰到同样的问题，交互上不希望弹出Dialog之后还能滑动下面的页面。

手机端禁止导航条
应用场景：1.在做加载动画的时候，通常我们是禁止页面出现导航条以及滚动的，虽然我们用fixed定位覆盖了，但是手机...
Tailwind Navbar
导航栏 PC导航栏仿Airbnb导航条 PC导航条添加图标 PC导航条上图下字移动端导航条
手机端禁止默认键盘
移动端页面（响应式）
media query 示例手机端禁止缩放要加meta标签
移动端兼容性问题2 body和html不能禁止滚动条出现
网页版本没有显示滚动条但是手机端安卓和ios手机不能禁止滚动条移动端滚动穿透问题完美解决方案html body ...
禁用浏览器的缩放功能（js）
一、移动端禁止缩放移动端在禁止缩放上比较简单,添加meta标签即可二、PC（web）端禁止浏览器缩放S（情景）当...
移动端样式处理
清除手机tap事件后 element 时候出现的一个高亮移动端取消touch高亮效果禁止长按链接与图片...
Android安卓手机
禁止使用本服务进行任何违法恶意活动；防走丢：请加店主QQ：1342915519。安卓客户端 ---安卓手机...
h5端禁止放大缩小
h5端禁止放大缩小
bootstrap响应式导航条与插件
一. bootstrap-组件-响应式导航条特征1）在PC和平板中默认要显示所有的内容。2）在手机中导航条默认只...