iPhone 禁止 Safari 页面上下拖动反弹
2016-08-22 18:33
936 查看
原文: http://www.cnblogs.com/kevoin/p/5477914.html
iPhone 禁止 Safari 页面上下拖动反弹
可以去我这个帖子里面看 关于苹果 ios safari 踩过的一些坑 记录下来 这个帖子比较靠谱一点现在这个帖子不靠谱(相比那个这个帖子比较坑,那个帖子更加详细一些)
解决方法:
<body ontouchmove="event.preventDefault()" > 不要用这个 用了后整个网站就挂了
手机端设置:
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;
width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放
第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;
第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;
在web app应用下状态条(屏幕顶部条)的颜色; 默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。 注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方 (会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话号码。
苹果的safari坑是真的多.
今天又碰见一种情况就是 用手去滑屏幕 里面的div居然就跟着你手滑下去了..然后把后面隐藏的东西给呈现出来了..头疼 现在正在找解决方案.,..
导趣网 可以帮忙点点~很久没更新更新也更新数据 在处理导数据那块的东西 淘宝的api没资格申请。。只能用最笨的方法去弄数据.
相关文章推荐
- iPhone 禁止 Safari 页面上下拖动反弹
- 关于禁止iphone浏览器拖动反弹(橡皮筋效果)
- safari调试iPhone app web页面
- 手机页面禁止页面拖动
- safari调试iPhone app web页面
- safari调试iPhone app web页面
- Iphone 添加桌面WEB程序,禁止a链接跳转到safari
- (小笔记) 禁止gridview上下拖动
- javascript中tonchmove禁止拖动页面的默认操作
- 基于网络的客户端开发技巧——第三篇上下拖动切换页面
- 微信浏览器如何禁止iPhone手机上下滑动网页
- 如何禁止input粘贴输入和页面拖动输入
- 在浏览器中禁止拖动页面的元素或者拖动图片打开新的窗口
- 页面中图片随着文字的上下拖动,不改变图片位置(主要是通过添加css样式得来)
- mac下安装cordova环境配置,禁止页面上下拉动
- 禁止scrollview上下拖动
- 基于网络的客户端开发技巧——第三篇上下拖动切换页面
- 移动端禁止页面拖动 h5禁止拖动页面
- 禁止页面接受拖动文本
- 页面禁止鼠标拖动 选择