手机版浏览器禁止滚动条与释放实例

<script>
function ask(){
    $(".ask").click(function(){
        $("body").css("overflow","hidden");
        $(".popwind").show();
        $(‘body‘).bind("touchmove",function(e){
                    e.preventDefault();
            });
    });
}
ask();
$(".pop_close").click(function(){
    $("body").css("overflow","auto");
    $(".popwind").hide();
    $("body").unbind("touchmove");
});
</script>

  

写页面事件的时候,有的时候需要用event.preventDefault取消原有的事件后进行重写,这个大家应该都知道。

那么怎么在取消默认事件后再恢复呢。

解绑我们自定义的事件就好了。

以Jquery为例

我们用$(“body”).bind(“touchmove”,function(event){event.preventDefault;//code});取消了body的拖动事件。

恢复这个拖动事件只要$(“body”).unbind(“touchmove”);

时间: 2024-10-16 07:23:39

手机版浏览器禁止滚动条与释放实例的相关文章

【JavaScript】通过JavaScript的方式,如果手机浏览器访问PC版页面,自动跳转到手机版页面

这个其实根本不用自己写,因为在网上就有一个写的非常不错的js. 做到如下效果,如果是PC.平板访问这个页面,则显示PC版的页面,如果是手机访问这个页面则跳到手机版的页面,同时不加载PC版页面,直接跳转. 首先,目录结构如下: 其中JS文件夹中的uaredirect.js是从网上down下来的,其代码如下: function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;i

清除pc浏览器访问手机版造成pc会员中心跳转手机版错误-destoon技巧

最近研究destoon,从电脑端访问手机端会造成pc会员中心跳转手机版错误,在一步一步查看源代码内核,才发现问题,所以分享给大家! 加入网站首页 index.php  然后访问你的  网址/index.php    set_cookie('mobile', ' ', $DT_TIME + 30*86400);       如果要去掉pc端用模拟器访问手机端造成pc端会员中心不能访问的设置    可以打开 mobile/common.inc.php  找到以下:    if($_mobile ==

手机版WEB开发经验分享,手机版网站开发注意事项,网站自适应,手机版网站自适应,移动安卓APP自适应

转自 http://my.oschina.net/cart/blog/282477 做前端开发不短了,用过jQuery Mobile jqMobi 也纯手工写过.. 最后总结如下: jQuery Mobile:适合大而全,兼容性高,功能全,但是文件大,略显臃肿..如果你是网页版.手机版共用jquery库等 适合使用jQuery Mobile. jqMobi:适合单独就是手机版的站,体积小,速度快,但是兼容性没有jQuery Mobile好,功能没有jQuery Mobile全,但是一般也够用啦.

UC如被百度控股,手机qq浏览器改如何进攻和防守

很早以前在公司内部论坛里写的一篇文章,绯闻已经过过去了,现在已物事人物,UC已有阿里大靠山了. ----------------------------------------------- 据网络媒体的消息,UC被百度以4亿美金控股49%.UC作为塞班时代就作为手机qq浏览器的老牌对手,就像战国时代的秦国和魏国一直在竞争中. 在互联网的是世界里,用户就是土地,拥有了土地,才能种粮食,才能衣食无忧.没有了土地,就没有了一切,哪怕你产品再好,没有土地,就是一无所有. google在中国就是一例,g

pdf转换器手机版如何将pdf转换成word

pdf转换器如何将pdf转换成word,难吗?--不难! pdf转换器手机版如何将pdf转换成word,难吗?--难! 下面就让大家看一下,小编是如何在手机上将pdf转换成word的! 工具/原料 手机(建议连接wifi) pdf文件 方法/步骤 1.打开手机上的浏览器,找到"百度",点击进入百度搜索页面: 2.在搜索框中输入"pdf转word在线",再点击"百度一下": 3.展现出比较多的页面,点击其中任意一个进入转换界面: 4.默认就是&qu

手机版网页设计注意事项

用手机上网时,有些网站会无法正常显示,因为这些网页是设计在电脑上看的,如果网页开发者没有考虑到手机的软硬件特性以及人们的阅读习惯,就无法设计出手机上方便阅读的网页.说的简单,但是要把既有网页砍掉重练.再移植到手机上是一项大工程,笔者归纳四个方面给网页开发人员参考. 一.与计算机共享同一套网页 这里的与计算机共享网页,指的是计算机用的网页完全不经修改.就直接给手机浏览.前提是网站本身的元素要够简单.版面不能太复杂. 二.制作手机专用网页 这个做法在90年代非常盛行,当时电信业者的GPRS/WAP广

html关于强制显示 隐藏浏览器的滚动条

浏览器的滚动条在一些特殊的展示中,是不需要的,所以必须把它隐藏掉,文章主要介绍一些隐藏或者显示IE的水平或者垂直滚动条的实现代码,需要了解的朋友可以参考下: 相关css代码如下: //强制显示滚动条: html { overflow: scroll; } //强制隐藏滚动条: html { overflow: hidden; } //隐藏IE的水平滚动条: html { overflow-x: hidden; } //隐藏IE的垂直滚动条: html { overflow-y: hidden;

爱淘宝手机版分类导航菜单弹出效果设计

来和大家一起讨论讨论爱淘宝手机版的分类导航菜单弹出效果是如何设计实现的.先来看几个截图,一个是爱淘宝官方网站的截图,另一部分是我仿照爱淘宝做的截图 先声明一下我们只是借鉴爱淘宝手机版界面来进行技术的学习,如有博友看到请各位一定要理解.此博客毫无盗用淘宝核心技术. 第一张图是爱淘宝官网的截图,后面两张是我们自己仿照做的截图. 首先分析一下要实现的功能细节 点击手机页面商品列表的图片,导航菜单会从手机的右侧出来 导航菜单下面会有一个遮盖层,这样子的作用防止用户点击最底层的商品 最底层的商品可以在遮盖

IJH江湖家居装修门户系统V5.0商业破解版,再赠送12套商业模板,带手机版

IJH江湖家居装修门户系统,一直倍受关注,今天在这里完全免费分享这套最新的家装门户系统V5.0,另外再赠送12套商业模板,在这里是完全免费哦.而且源码程序是非常干净,并非外面VIP源码论坛在里面加入大量大量广告文件那种,甚至是植入加密的广告代码和后门. IJH江湖家居装修门户系统是一套采用PHP+MYSQL开发的家居O2O系统,全站SEO,适合做家居垂直领域网站使用.网站主要栏目包括:我要装修(装修招标).找装修(公司.设计师等.优惠信息).我搜我家(小区.楼盘).效果图.学装修(装修日记.问答