滑动表层div时 禁止底层滑动
             $(".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();//滑动到底部,再往下滑动,阻止滑动!
                     }
                 })
             }
             })
滑动表层div时 禁止底层滑动的更多相关文章
- 移动端表层div滑动,导致底层body滑动(touchmove的阻止)
		body很长,可以滑动,body头部有一个模拟下拉的选择框,下拉选择有滚动轴 我给body一个overflow:hidden和高度是没有用的.手机网站上背景还是可以滑动,然后我给body一个touch ... 
- 【iOS系列】-UIWebView加载网页禁止左右滑动
		[iOS系列]-UIWebView加载网页禁止左右滑动 问题: 做项目时候,用UIWebView加载网页的时候,要求是和微信网页中打开的网页的效果一样,也即是只能上下滑动,不能左右滑动,也不能缩放. ... 
- swiper如何禁止用户滑动
		禁止用户滑动,只需要在最外层添加class “swiper-no-swiping” <div class="swiper-container swiper-no-swiping&qu ... 
- 基于vue项目的组件中导入mui框架初始化滑动等效果时需移除严格模式的问题
		基于vue项目的组件中导入mui框架初始化滑动等效果时,控制台报错:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties ... 
- 移动端弹出层加遮罩后禁止body滑动
		//实现滚动条无法滚动 var mo=function(e){e.preventDefault();}; /***禁止滑动***/ function stop(){ document.body.sty ... 
- javascript移动端禁止页面滑动的解决方案
		1 前言 移动端网页,发现ios平台的iphone或者ipad,网页可以上下左右移动,而Android版则不会.仅作为记录使用. 2 代码 var mo=function(e){e.preventDe ... 
- 【移动端】js禁止页面滑动与允许滑动
		禁止页面滑动 通常静止滑动方案:(阻止滑动事件) window.ontouchmove=function(e){ e.preventDefault && e.preventDefaul ... 
- 移动端滑动时页面惯性滑动overflow-scrolling: touch
		-webkit-overflow-scrolling:auto | touch; auto: 普通滚动,当手指从触摸屏上移开,滚动立即停止 touch:滚动回弹效果,当手指从触摸屏上移开,内容会保持一 ... 
- android 禁止ViewPager滑动
		最近项目中,有个需求就是要禁止ViewPager滑动事件,我们看下360手机助手的界面,风格就类似这样的 大家如果使用过360手机助手就会发现中间内容是不可以滑动的,现在写一个demo,讲下怎么禁止V ... 
随机推荐
- ansible批量部署模块(二)
			回顾:Ansible: 无需客户端程序 只要有SSH 模块化 ansible帮助工具ansible-doc 模块名ansible-doc 模块名 -s 列出该模块的所有选项ansible-doc -l ... 
- visual studio code快捷键(mac)
			常用快捷键 命令 命令描述 备注 ctl+j 多行文字变成一行 打开首选项->键盘快捷方式->搜索 joinLines: 然后设置你的快捷键再回车即可. 
- mac环境下创建bash_profile文件并写入内容 更改php环境变量
			1. 启动终端Terminal 2. 进入当前用户的home目录 输入cd ~ 3. 创建.bash_profile 输入touch .bash_profile 4. 编辑.bash_profile文 ... 
- Java接口和抽象类区别
			1.抽象类 [public] abstract class ClassName { abstract void fun(); } extends 包含抽象方法的类称为抽象类,但并不意味着抽象类中只能有 ... 
- java连接access的用户名、密码异常Decoding not supported解决
			Java通过ucanaccess对Access数据库.accdb文件连接: public static Connection getConn() { try { String dbURL = &quo ... 
- RS232串口通信详解
			串口是计算机上一种非常通用的设备通信协议. ---------------------------------串口的引脚定义: 9芯 信号方向来自 缩写 描述 1 调制解调器 CD 载波检测 2 调制 ... 
- svn使用2(转)
			首先打开VisualSVN Server Manager,如图: 可以在窗口的右边看到版本库的一些信息,比如状态,日志,用户认证,版本库等.要建立版本库,需要右键单击左边窗口的Repositores, ... 
- WebFilter 在springBoot工程中不起作用
			[1]@ServletComponentScan 必须有一个注解将带有@WebFilter的类包含进去. [2]自定义 FiltersConfig extends WebMvcConfigurerAd ... 
- OpenCV Canny 边缘检测
			#include "opencv2/imgproc/imgproc.hpp" #include "opencv2/highgui/highgui.hpp" #i ... 
- MAVEN实现多环境搭建
			在实际的开发中,会遇到开发环境的不同(开发环境,测试环境,线上环境),会来回根据环境的不同修改配置文件,一不小心修改错误导致无法正常运行,故障排除导致开发效率低.使用maven可以根据环境的不同,自动 ... 
