Java代码实现微信页面滚动防露底(核心代码)

更新时间：2016年09月15日 15:55:21 作者：jaina

这篇文章主要介绍了Java代码实现微信页面滚动防露底的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

在网上找到了一个可以防页面滚动滑到顶端或底部的时候, 漏出微信丑丑的灰色底，下面小编把核心代码分享给大家供大家参考！

我的核心代码:

prevent:function () {
var startX = 0, startY = 0;
//touchstart事件
function touchSatrtFunc(evt) {
try
{
//evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等

var touch = evt.touches[0]; //获取第一个触点
var x = Number(touch.pageX); //页面触点X坐标
var y = Number(touch.pageY); //页面触点Y坐标
//记录触点初始位置
startX = x;
startY = y;

} catch (e) {
alert('touchSatrtFunc：' + e.message);
}
}
document.addEventListener('touchstart', touchSatrtFunc, false);
var _ss = document.getElementById("contain");
_ss.ontouchmove = function (ev) {
var _point = ev.touches[0],
_top = _ss.scrollTop;
// 什么时候到底部
var _bottomFaVal = _ss.scrollHeight - _ss.offsetHeight;
// 到达顶端
if (_top === 0) {
// 阻止向下滑动
if (_point.clientY > startY) {
ev.preventDefault();
} else {
// 阻止冒泡
// 正常执行
ev.stopPropagation();
}
} else if (_top === _bottomFaVal) {
// 到达底部
// 阻止向上滑动
if (_point.clientY < startY) {
ev.preventDefault();
} else {
// 阻止冒泡
// 正常执行
ev.stopPropagation();
}
} else if (_top > 0 && _top < _bottomFaVal) {
ev.stopPropagation();
} else {
ev.preventDefault();
}
};
}

以上代码是小编给大家介绍的微信页面滚动防露底的核心代码，代码比较简单，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

您可能感兴趣的文章:

JAVA实现二维码生成加背景图代码实例
这篇文章主要介绍了JAVA实现二维码生成加背景图代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
Spring解决循环依赖问题的三种方法小结
在 Spring 中,循环依赖问题指的是两个或多个 bean 之间相互依赖形成的闭环,具体而言,当 bean A 依赖于 bean B,同时 bean B 也依赖于 bean A,就形成了循环依赖,本文就给大家介绍了Spring解决循环依赖问题的三种方法,需要的朋友可以参考下
2023-09-09
Java HashMap原理及实例解析
这篇文章主要介绍了Java HashMap原理及实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
详解MyBatis-Plus Wrapper条件构造器查询大全
这篇文章主要介绍了详解MyBatis-Plus Wrapper条件构造器查询大全，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
java web返回中文乱码问题及解决
这篇文章主要介绍了java web返回中文乱码问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
SpringBoot配置mybatis驼峰命名规则自动转换的实现
这篇文章主要介绍了SpringBoot配置mybatis驼峰命名规则自动转换的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-09-09
Java根据坐标经纬度计算两点距离5种方法及校验经纬度是否在圆/多边形区域内的算法推荐
在项目开发过程中需要根据两地经纬度坐标计算两地间距离,下面这篇文章主要给大家介绍了关于Java根据坐标经纬度计算两点距离5种方法以及校验经纬度是否在圆/多边形区域内的算法推荐,需要的朋友可以参考下
2023-12-12
java list随机抽取元素的案例
这篇文章主要介绍了java list随机抽取元素的案例，具有很好的参考，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
概述Java的struts2框架
本篇文章主要对struts2框架概念、优缺点进行简要概述。相信会对大家学习Java有所帮助，需要的朋友一起来看下吧
2016-12-12
Spring条件注解@Conditional示例详解
这篇文章主要给大家介绍了关于Spring条件注解@Conditional的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Spring具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-08-08