滑动表层div时 禁止底层滑动
2024-08-30 14:12:31
$(".container").bind("touchstart", function (events) {
startX = events.originalEvent.changedTouches[0].pageX;
startY = events.originalEvent.changedTouches[0].pageY;
});
$(".fanslist_box").bind("touchmove", function (e) {
var ulheight = $(this).height();
var scrollTop = $(this).scrollTop();
var scrollheight = $(this)[0].scrollHeight;
if (ulheight + scrollTop + 20 >= scrollheight) { //滚到底部20px左右
$(".fanslist_box").bind("touchmove", function (event) {
moveEndX = event.originalEvent.changedTouches[0].pageX,
moveEndY = event.originalEvent.changedTouches[0].pageY,
theX = moveEndX - startX;
theY = moveEndY - startY;
if (Math.abs(theY) > Math.abs(theX) && theY > 0) { //这里是判断上滑还是下滑!绝对值方式!
$(".fanslist_box").unbind("touchmove");//滑动到底部再往上滑动,解除阻止!
}
if (Math.abs(theY) > Math.abs(theX) && theY <) {
event.preventDefault();//滑动到底部,再往下滑动,阻止滑动!
}
})
}
})
最新文章
- 《LoadRunner12七天速成宝典》签售会2016-12-17北京
- ubuntu下配置jdk
- 【HDU3861 强连通分量缩点+二分图最小路径覆盖】
- VS 2013 Preview 自定义 SharePoint 2013 列表 之 两个Bug
- BZOJ3589 : 动态树
- elasticsearch2
- Summarize code for the three presentation experiments
- 相同的 birthday
- 怎么查看其它apk里面的布局代码及资源
- Linux SCSI回调IO的分析
- [转载]ASP.NET MVC 3的分部视图
- 关于SAP4.7的几个架构图
- file_operations结构体解析 1
- [原创]一种基于Python爬虫和Lucene检索的垂直搜索引擎的实现方法介绍
- swagger-ui中测试接口(enum传值) 报400错误
- SharePoint 2010:“&”作为SharePoint账号密码引起的错误
- Linux:编译安装boost 1.69库
- 3、利用GDB进行程序调试
- Java线程池停止空闲线程是否有规则呢?
- [加密]SSL/TLS原理详解