python学习----------正则表达式
2016-01-18 14:18
579 查看
div需要滚动条在ipad的safari下面失效,mobile safari因为多点触摸的缘故取消了局部区域的滚动条(为了防止和默认的拖动行为冲突)。首先排除了是不是本身布局问题造成的,为此建了一个简单的页面进行测试依然失效,google发现还真是有这样的问题,google reader上也是失效的,mobile safari为此需要使用两个手指才能完成滚动局部的行为。
为了解决这样的问题继续google,最后发现了上述的一篇文章,使用mobile safari的touchmove事件模拟滚动条的效果。废话不多说代码如下:
最后使用
touchScroll("MyElement"); 将你需要overflow:auto的元素id调用这个方法即可。
原文:http://www.189works.com/article-55837-1.html
后续开发中发现中间INPUT等DOM在滚动DIV中不能触发事件,修正方法:
为了解决这样的问题继续google,最后发现了上述的一篇文章,使用mobile safari的touchmove事件模拟滚动条的效果。废话不多说代码如下:
function isTouchDevice(){ try{ document.createEvent("TouchEvent"); return true; }catch(e){ return false; } } function touchScroll(id){ if(isTouchDevice()){ //if touch events exist... var el=document.getElementById(id); var scrollStartPos=0; document.getElementById(id).addEventListener("touchstart", function(event) { scrollStartPos=this.scrollTop+event.touches[0].pageY; event.preventDefault(); },false); document.getElementById(id).addEventListener("touchmove", function(event) { this.scrollTop=scrollStartPos-event.touches[0].pageY; event.preventDefault(); },false); } }
最后使用
touchScroll("MyElement"); 将你需要overflow:auto的元素id调用这个方法即可。
原文:http://www.189works.com/article-55837-1.html
后续开发中发现中间INPUT等DOM在滚动DIV中不能触发事件,修正方法:
if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA' && target.tagName != 'A') event.preventDefault();
相关文章推荐
- python 和 sqlmap的安装使用
- Python 4.3 继承和多态
- python中基于descriptor的一些概念
- ubuntu 文件重命名
- 用python将SQL格式文件改成自己想要的格式
- python 深浅拷贝
- Python算法题----逆序列表
- Python Tkinter Grid布局管理器详解
- 如何让你的Python代码更加pythonic ?
- Python--day1
- python中的 \r以及基于此实现简单的倒计时小程序
- 笨方法学python(ex1-17)--%,input,解包,读取,写文件
- 《Python for kids》学习笔记(二)
- 用python做自动化测试--对Java代码做单元测试 (1)
- 运行python
- Python扫描指定目录下(包括子目录)的文件
- python做自动化测试,对java代码做单元测试(2)
- Python psutil模块
- python网页模板mako,basic-usage文档
- 下载和安装python