[CSS] CSS 属性:touch-action

在项目中发现 ,H5页面的横向滚动失效。

原因:

css中设定了

*{
touch-action:none 
}

解决方法:移除该样式。

touch-action:none    // 当触控事件发生在元素上是时,不进行任何操作
touch-action:auto    // 当触控事件发生在元素上时,由浏览器来觉得进行哪些操作。
touch-action:pan-x    // 启用单指水平平移手势
touch-action:pan-y    // 启用单指垂直平移手势
touch-action:manipulation    // 浏览器只允许进行滚动和持续缩放操作。
touch-action:pinnch-zoom    // 启用多手指平移和缩放页面

转载于:https://www.cnblogs.com/yinshiru/p/10483187.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Paperback: 320 pages Publisher: Manning Publications; 1 edition (October 8, 2015) Language: English ISBN-10: 1633430081 ISBN-13: 978-1633430082 Summary Ionic in Action teaches web developers how to build cross-platform mobile apps for phones and tablets on iOS and Android. You'll learn how to extend your web development skills to build apps that are indistinguishable from native iOS or Android projects. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Book Wouldn't it be great if you could build mobile apps using just your web development skills? With Ionic, you can do just that: create hybrid mobile apps using web technologies that you already know, like HTML, CSS, and JavaScript, that will run on both iOS and Android. Ionic in Action teaches web developers how to build mobile apps using Ionic and AngularJS. Through carefully explained examples, the book shows you how to create apps that use UI components designed for mobile, leverage current location, integrate with native device features like the camera, use touch gestures, and integrate with external data sources. Learn to test your apps to improve stability and catch errors as you develop. Finally, you'll discover the command-line utility, and how to build and deploy to app stores. What's Inside Create mobile apps with HTML, JavaScript, and CSS Design complex interfaces with Ionic's UI controls Build once and deploy for both iOS and Android Use native device hardware and device-specific features Covers the entire mobile development process

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值