首页 > 其他分享 >完美禁止微信网页下拉显示网页由某某提供

完美禁止微信网页下拉显示网页由某某提供

时间:2024-02-19 14:56:28浏览次数:26  
标签:某某 lastTouchY 微信 window touchmove addEventListener 网页

简单理解就是:判断手指触摸移动走向-如果到顶之后-还在继续下拉,就阻止默认的 touchmove 事件【有用、无用请留言,谢谢】

建议写在 html 页面中,第一时间生效。



    <script>
            // 禁用微信下拉
            let lastTouchY = 0;
            window.addEventListener("touchend", () => {
                lastTouchY = 0;
            });
            window.addEventListener(
                "touchmove",
                (e) => {
                    // 一根手指
                    if (e.touches.length === 1) {
                        // 到顶之后 && 继续下拉
                        if (
                            window.scrollY <= 0 &&
                            lastTouchY < e.touches[0].screenY
                        ) {
                            try {
                                e.preventDefault();
                            } catch {}
                        }
                        lastTouchY = e.touches[0].screenY;
                    }
                },
                {
                    passive: false,
                }
            );
        </script>

 

 

标签:某某,lastTouchY,微信,window,touchmove,addEventListener,网页
From: https://www.cnblogs.com/guohao520/p/18021090

相关文章

  • 唯一客服系统:Golang开发客服系统源码,支持网页,H5,APP,微信小程序公众号等接入,商家有PC端
    本系统采用GolangGin框架+GORM+MySQL+Vue+ElementUI开发的独立高性能在线客服系统。客服系统访客端支持PC端、移动端、小程序、公众号中接入客服,利用超链接、网页内嵌、二维码、定制对接等方式让网上所有通道都可以快速通过本系统联系到商家。 服务端可编译为二进制程序包,无......
  • 报废车综合管理系统 系统源码加微信820688215 获取商业授权 体验官方地址 www.lvxun.v
    报废车综合管理系统系统源码加微信820688215获取商业授权体验官方地址 www.lvxun.vip  ......
  • Ubuntu 安装微信
    1.deepinwine的方式1)运行如下一条命令将移植仓库添加到系统中wget-O-https://deepin-wine.i-m.dev/setup.sh|sh自此以后,你可以像对待普通的软件包一样,使用apt-get系列命令进行各种应用安装、更新和卸载清理了。2)安装微信sudoapt-getinstallcom.qq.weixin.deepin......
  • 支付宝手机网站支付与微信支付对比的优缺点
    介绍:支付宝手机网站支付是指商户在移动端网页展示商品或服务,用户在商户页面确认使用支付宝支付后,浏览器自动跳转支付宝APP或支付宝网页完成付款的支付产品。通常手机支付分为三步:1.创建支付订单2.将支付订单信息给到用户完成支付3.支付渠道回调支付结果/主动查询支付渠道支......
  • (学习日记)一、Web框架-HTML标签-网页请求
    1.快速开发网站render_template是Flask框架的一个函数,用于渲染模板并生成动态的HTML文件app=Flask(name,template_floder(''路径''))构造一个Flask类赋给app,template_floder修改寻找模板的默认路径,默认是当前目录下的templates文件(没有则需要创建一个目录文件)fromflask......
  • 微信里的朋友圈和腾讯朋友网
    微信里的朋友圈是相当私密空间,只有朋友圈内可见。腾讯朋友网是相当比较公开空间,都可以看到。微信朋友圈:微信朋友圈指的是腾讯微信上的一个社交功能,于微信4.0版本2012年4月19日更新时上线,用户可以通过朋友圈发表文字和图片,同时可通过其他软件将文章或者音乐分享到朋友圈。用户可以......
  • 研究生阶段 2018.11.1 编程 我的微信小程序
    微信小程序昵称:HelloPrince2017原始ID:gh_5c258db11408登录邮箱:[email protected]你好,以上帐号未在指定时间内登录,此帐号已冻结,如需重新使用此帐号,请登录小程序帐号后台进行找回;或在公众平台找回帐号流程中,通过原始ID搜索找回  "找回小程序登录密码"  发......
  • 网页 三剑客
    网页三剑客,是一套强大的网页编辑工具,最初是由美国的Macromedia公司开发出来的。由Dreamweaver,Fireworks,Flash三个软件组成,俗称网页三剑客。Dreamweaver是一个“所见即所得”的可视化网站开发工具,主要用于动态网页和静态网页的开发;Fireworks主要是用于对网页上常用的jpg、gif的制......
  • 网页hook方法
    1.加密解密内容操作(function(){varparse_=JSON.parse;JSON.parse=function(arg){console.log("您猜怎么着?断住了!——>",arg);debugger;returnparse_(arg);//不改变原来的执行逻辑}})();2.异步加载的请求参数(function(){varopen=window.XMLHttpRe......
  • 微信小程序页面跳转:wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.na
    引言在微信小程序开发中,页面跳转是一项基础且常用的功能。本文将介绍微信小程序中五种常见的页面跳转方式,并分析它们的使用场景和区别。1.wx.switchTab(跳转主页)wx.switchTab方法用于跳转到tabBar页面,并关闭其他所有非tabBar页面,通常用于跳转到小程序的主页。特点:关闭......