博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
禁止微信浏览器的下拉滑动
阅读量:6574 次
发布时间:2019-06-24

本文共 1593 字,大约阅读时间需要 5 分钟。

禁止微信浏览器的下拉滑动

解决思路:

1 先禁止body的滚动事件

2 再给需要scroll的元素加上自定义的滚动事件

注:加入此代码后要给需要scroll的元素加上.scroll的class

var overscroll = function (els) {        for (var i = 0; i < els.length; ++i) {            var el = els[i];            el.addEventListener('touchstart', function () {                var top = this.scrollTop                    , totalScroll = this.scrollHeight                    , currentScroll = top + this.offsetHeight;                //If we're at the top or the bottom of the containers                //scroll, push up or down one pixel.                //                //this prevents the scroll from "passing through" to                //the body.                if (top === 0) {                    this.scrollTop = 1;                } else if (currentScroll === totalScroll) {                    this.scrollTop = top - 1;                }            });            el.addEventListener('touchmove', function (evt) {                //if the content is actually scrollable, i.e. the content is long enough                //that scrolling can occur                if (this.offsetHeight < this.scrollHeight)                    evt._isScroller = true;            });        }    };        //禁止body的滚动事件    document.body.addEventListener('touchmove', function (evt) {        //In this case, the default behavior is scrolling the body, which        //would result in an overflow.  Since we don't want that, we preventDefault.        if (!evt._isScroller) {            evt.preventDefault();        }    });        //给class为.scroll的元素加上自定义的滚动事件    overscroll(document.querySelectorAll('.scroll'));

转载地址:http://tggjo.baihongyu.com/

你可能感兴趣的文章
用express搭建网站
查看>>
如何在 Swift 中进行错误处理
查看>>
[Leetcode] Factor Combinations 因数组合
查看>>
用tinypng插件创建gulp task压缩图片
查看>>
APM终端用户体验监控分析(下)
查看>>
React Native 0.20官方入门教程
查看>>
JSON for Modern C++ 3.6.0 发布
查看>>
Tomcat9.0部署iot.war(环境mysql8.0,centos7.2)
查看>>
我的友情链接
查看>>
Oracle 服务作用
查看>>
监听在微信中打开页面时的自带返回按钮事件
查看>>
第一个php页面
查看>>
世界各国EMC认证大全
查看>>
LVS DR模型详解
查看>>
Lua基础之coroutine(协程)
查看>>
最优化问题中黄金分割法的代码
查看>>
在JS中使用Ajax
查看>>
在Unbuntu 上安装Phalcon
查看>>
Python正则表达式指南
查看>>
常用的加密算法--摘要认证和签名认证的实现
查看>>