javascript – 如何禁用iPad webapp上的滚动?

javascript – 如何禁用iPad webapp上的滚动?,第1张

概述通常: document.body.addEventListener('touchmove',function(event){event.preventDefault();},false); 不适合我我试图让我的iPad webapp感觉尽可能原生。 任何答案都不胜感激。 将该处理程序直接放在文档元素上,而不是放在正文上。 我已经取得了以下成功: <meta name="viewport" con 通常:

document.body.addEventListener('touchmove',function(event){event.preventDefault();},false);

不适合我我试图让我的iPad webapp感觉尽可能原生。
任何答案都不胜感激。

解决方法 将该处理程序直接放在文档元素上,而不是放在正文上。

我已经取得了以下成功:

<Meta name="vIEwport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"><Meta name="apple-mobile-web-app-capable" content="yes"><Meta name="format-detection" content="telephone=no">

然后用jquery:

$(document).bind('touchmove',false);

如果要处理不同的方向,这也将是有用的:

<link rel="stylesheet" type="text/CSS" href="CSS/main.CSS" media="all"><link rel="stylesheet" type="text/CSS" href="CSS/landscape.CSS" media="all and (orIEntation:landscape)"><link rel="stylesheet" type="text/CSS" href="CSS/portrait.CSS" media="all and (orIEntation:portrait)">
总结

以上是内存溢出为你收集整理的javascript – 如何禁用iPad webapp上的滚动?全部内容,希望文章能够帮你解决javascript – 如何禁用iPad webapp上的滚动?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1087042.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存