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定时任务

    这篇文章主要为大家详细介绍了java定时任务,使用JDK中的Timer定时任务来实现,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 在Java SE上使用Headless模式的超级指南

    在Java SE上使用Headless模式的超级指南

    这篇文章主要介绍了在Java SE上使用Headless模式的超级指南,文中介绍了Headless模式实际使用的各种技巧,极力推荐!需要的朋友可以参考下
    2015-07-07
  • 基于java实现颜色拾色器并打包成exe

    基于java实现颜色拾色器并打包成exe

    这篇文章主要为大家详细介绍了如何基于java编写一个简单的颜色拾色器并打包成exe文件,文中的示例代码讲解详细,需要的小伙伴可以跟随小编一起学习一下
    2023-10-10
  • JVM内存参数配置详解

    JVM内存参数配置详解

    本文主要介绍了JVM内存参数配置详解,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • pom.xml中解决Provides transitive vulnerable dependency maven:org.yaml:snakeyaml:1.33警告问题

    pom.xml中解决Provides transitive vulnerable dependency mave

    这篇文章主要介绍了在pom.xml中如何解决Provides transitive vulnerable dependency maven:org.yaml:snakeyaml:1.33警告问题,需要的朋友可以参考下
    2023-06-06
  • 基于Java实现进制转换工具类的示例代码

    基于Java实现进制转换工具类的示例代码

    这篇文章主要为大家详细介绍了如何基于Java实现进制转换工具类,从而实现减少参数长度的效果,文中的示例代码讲解详细,需要的可以参考一下
    2023-02-02
  • Java 将Excel转为SVG的方法

    Java 将Excel转为SVG的方法

    本文以Java示例展示如何将Excel文档转为SVG格式。通过本文中的方法,在将Excel转为SVG时,如果sheet工作表中手动设置了分页,则将每个分页的内容单独保存为一个svg文件,如果sheet工作表中没有设置分页,则将Excel sheet表格中默认的分页范围保存为svg。
    2021-05-05
  • SpringBoot获取前台参数的六种方式以及统一响应

    SpringBoot获取前台参数的六种方式以及统一响应

    本文主要介绍了SpringBoot获取前台参数的六种方式以及统一响应,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • 浅谈一下Java多线程断点复制

    浅谈一下Java多线程断点复制

    这篇文章主要介绍了浅谈一下Java多线程断点复制,当程序执行中断时(出现错误、断电关机),仍可以从上次复制过程中重新开始(不必从头开始复制),需要的朋友可以参考下
    2023-04-04
  • SpringBoot使用SchedulingConfigurer实现多个定时任务多机器部署问题(推荐)

    SpringBoot使用SchedulingConfigurer实现多个定时任务多机器部署问题(推荐)

    这篇文章主要介绍了SpringBoot使用SchedulingConfigurer实现多个定时任务多机器部署问题,定时任务多机器部署解决方案,方式一拆分,单独拆分出来,单独跑一个应用,方式二是基于aop拦截处理(抢占执行),只要有一个执行,其它都不执行,需要的朋友可以参考下
    2023-01-01

最新评论