zoukankan      html  css  js  c++  java
  • js移动客户端-----取消滑动事件(亲测好用)

    现在做的响应式网站,遇到一问题:

    网站头上的侧边栏点开始,向下滑动会出现空白,于是,想到要把body禁止滑动

    网上搜了很多办法,也不好用

    注意:

    手指在滑动整个屏幕时,会影响浏览器的行为,比如滚动和缩放。所以在调用touch事件时,要注意禁止缩放和滚动。

    1.禁止缩放

    通过meta元标签来设置。

    <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">

    2.禁止滚动

    preventDefault是阻止默认行为,touch事件的默认行为就是滚动。

    event.preventDefault();

    我的解决步骤如下:

    阻止默认
    $("body").on("touchmove",function(event){
    event.preventDefault;
    }, false)
    设置body的高度为窗口的高度
     $("body").height( $(window).height());
  • 相关阅读:
    Poj 4052(AC自动机)
    HDU3695(AC自动机模板题)
    KMP算法
    AC自动机
    母函数
    数学数学
    菜单的三级联动[城市]
    Java Api操作HDFS
    Hadoop命令 hadoop fs
    在网页设计中,图片常用的五点技巧
  • 原文地址:https://www.cnblogs.com/circleone/p/7204945.html
Copyright © 2011-2022 走看看