zoukankan      html  css  js  c++  java
  • 移动端禁止滚动

    1、h5界面在移动端打开,点击btn后禁止界面的滚动,采用ontouchmove事件,原理是重写ontouchmove方法

    禁止:

    window.document.ontouchmove = function (e) {
    e.preventDefault();
    };

    2、重新滚动

    window.document.ontouchmove = function (e) {

    };

    另外一种就是控制body的overflow:hidden了,亲测有效

    $("#btn").click(function() { //点击按钮,出现蒙板
    	var width = $(".joinNav").width();
    	var height = $(document.body).height();
    	$("body").addClass("overFlow");
    	$("#mbCover").css({
    		"height": height
    	});
    	$("body,html").scrollTop(0)
    });
    $("#close_mbCover").click(function() { //关闭蒙板
    	$("#mbCover").toggle();
    	$("body").removeClass("overFlow");
    });

    css:
      .overFlow {
        overflow: hidden;

      

  • 相关阅读:
    POJ 1182 食物链
    HDU 1385 Minimum Transport Cost
    HDU_2544 最短路
    HDU 2066 一个人的旅行
    poj3090
    poj3157
    poj3169
    poj3125
    poj3187
    VMware Workstation 8的简明使用教程
  • 原文地址:https://www.cnblogs.com/simba-lkj/p/8178383.html
Copyright © 2011-2022 走看看