安卓手机微信浏览器禁止下拉时回弹出网址来源等信息

最新推荐文章于 2023-06-06 16:54:08 发布

一季花落90

最新推荐文章于 2023-06-06 16:54:08 发布

阅读量1.1k

点赞数

分类专栏：微信浏览器文章标签：安卓手机微信浏览器禁止下拉时回弹出网址来源等信息

本文链接：https://blog.csdn.net/qq_22221731/article/details/89092765

版权

微信浏览器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

如果想禁止掉微信浏览器默认的下拉时回弹的效果，可以给body元素的touchmove事件禁止掉，如：

document.querySelector('body').addEventListener('touchmove', function(e) {
    e.preventDefault();
})

但是这样会禁掉所有的滚动效果，需求可能会是局部滚动，这时候可以把部分的touchmove事件过滤掉，比如我想让下面的列表用touchmove事件

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>微信禁止下拉露黑底</title>
</head>
<body>
    <div class="list"></div>
</body>
</html>

用以下代码就可以实现

document.querySelector('body').addEventListener('touchmove', function(e) {
    if (!document.querySelector('.list').contains(e.target)) {
        e.preventDefault();
    }
})

一季花落90

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
安卓手机微信浏览器禁止下拉时回弹出网址来源等信息

如果想禁止掉微信浏览器默认的下拉时回弹的效果，可以给body元素的touchmove事件禁止掉，如：document.querySelector('body').addEventListener('touchmove', function(e) { e.preventDefault();})但是这样会禁掉所有的滚动效果，需求可能会是局部滚动，这时候可以把部分的touchmove事件...
复制链接

扫一扫

专栏目录