Java代码实现微信页面滚动防露底(核心代码)
作者:jaina 时间:2023-11-10 13:47:08
在网上找到了一个可以防页面滚动滑到顶端或底部的时候, 漏出微信丑丑的灰色底,下面小编把核心代码分享给大家供大家参考!
我的核心代码:
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();
}
};
}
以上代码是小编给大家介绍的微信页面滚动防露底的核心代码,代码比较简单,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
来源:http://www.cnblogs.com/jaina/archive/2016/09/15/5874812.html
标签:微信,滚动
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Java Synchronized的偏向锁详细分析
2021-07-09 00:35:23
![](https://img.aspxhome.com/file/2023/9/70969_0s.png)
C#对DataTable中的某列进行分组
2021-12-10 23:06:45
![](https://img.aspxhome.com/file/2023/5/104375_0s.jpg)
使用idea解决maven依赖冲突的问题
2021-10-16 12:32:51
![](https://img.aspxhome.com/file/2023/0/71160_0s.png)
Java WebService开源框架CXF详解
2023-12-20 13:02:35
![](https://img.aspxhome.com/file/2023/0/62820_0s.jpg)
如何解决springboot读取配置文件的中文乱码问题
2022-09-13 22:26:42
![](https://img.aspxhome.com/file/2023/7/64487_0s.png)
Android短信备份及数据插入实现代码解析
2023-07-25 02:41:12
C#中Dynamic和Dictionary性能比较
2022-05-11 12:16:33
![](https://img.aspxhome.com/file/2023/1/122661_0s.png)
解决PhoneGap不支持viewport的几种方法
2023-03-13 01:51:15
C++之try catch 异常处理入门实例
2021-09-13 04:42:07
简单了解java自定义和自然排序
2022-01-29 02:47:26
Java单例模式简单示例
2022-04-24 03:46:20
![](https://img.aspxhome.com/file/2023/3/61843_0s.png)
浅谈@FeignClient中name和value属性的区别
2023-11-06 13:04:14
![](https://img.aspxhome.com/file/2023/0/78270_0s.png)
Spring主配置文件(applicationContext.xml) 导入约束详解
2021-09-29 06:21:01
![](https://img.aspxhome.com/file/2023/2/69922_0s.png)
C++类的空指针调用成员函数的代码
2023-12-10 15:56:02
springboot2.X整合prometheus监控的实例讲解
2021-07-04 13:49:59
![](https://img.aspxhome.com/file/2023/2/82442_0s.jpg)
Android 显示刷新频率的实现代码
2023-09-18 07:01:34
![](https://img.aspxhome.com/file/2023/5/137555_0s.jpg)
C#代码设置开机启动示例
2021-12-16 17:53:07
![](https://img.aspxhome.com/file/2023/1/108621_0s.jpg)
Android开发之ViewPager实现滑动切换页面
2023-03-10 05:32:43
![](https://img.aspxhome.com/file/2023/8/130438_0s.jpg)
Android编程实现屏幕禁止休眠的方法
2022-11-19 09:21:31
C#实现获取Excel中图片所在坐标位置
2021-10-14 23:36:18
![](https://img.aspxhome.com/file/2023/8/108768_0s.jpg)