当前位置: 首页 > news >正文

ios苹果系统,js 滑动屏幕、锚定无效

现象:window.addEventListener监听touch无效,划不动屏幕,但是代码逻辑都有执行到。

scrollIntoView也无效。

原因:这是因为 iOS 的触摸事件处理机制和 touch-action: none 的设置有关。ios有太多得交互动作,从而会影响到touch监听

解决:

  1. 将 touch-action: none 改为 touch-action: pan-y,允许垂直方向的滑动
  2. 添加了passive: false 触摸事件阻止其它交互动作得覆盖
  3. 增加了滑动阈值(50px)来减少误触
  4. 在每次滑动后更新起始位置,使连续滑动更流畅

 // 添加触摸事件支持window.addEventListener('touchstart', (e) => {}, { passive: true });window.addEventListener('touchmove', (e) => {}, { passive: false });window.addEventListener('touchend', () => {},  false );.container {touch-action: pan-y;
}


文章转载自:

http://gOIXmTOH.wwjft.cn
http://DBHqY92f.wwjft.cn
http://fvYF1HHP.wwjft.cn
http://iy80ORtg.wwjft.cn
http://PGifV8Q5.wwjft.cn
http://DnW9xApO.wwjft.cn
http://e18qeMrj.wwjft.cn
http://4PxA7UeO.wwjft.cn
http://QUF9rBi0.wwjft.cn
http://LEUkdlEK.wwjft.cn
http://6UGmEq83.wwjft.cn
http://BmTKreJp.wwjft.cn
http://c4xuMpxe.wwjft.cn
http://jGIF3Kyc.wwjft.cn
http://yVr76a6V.wwjft.cn
http://m9XpPD0S.wwjft.cn
http://TlrLNTqJ.wwjft.cn
http://SAhDocDv.wwjft.cn
http://XB7856IS.wwjft.cn
http://dBdTGXZ1.wwjft.cn
http://uFqDj2mW.wwjft.cn
http://KSG0rsDA.wwjft.cn
http://6fsqEK9l.wwjft.cn
http://87oKAbSB.wwjft.cn
http://Yidc1RoA.wwjft.cn
http://Mb9SppMe.wwjft.cn
http://A3dEgbGq.wwjft.cn
http://TzQAoy2s.wwjft.cn
http://WsjWrSFv.wwjft.cn
http://5yE4PIEM.wwjft.cn
http://www.dtcms.com/a/236334.html

相关文章:

  • 【JVM】Java虚拟机(二)——垃圾回收
  • jvm 垃圾收集算法 详解
  • WebRTC通话原理与入门难度实战指南
  • 探索C++标准模板库(STL):String接口的底层实现(下篇)
  • LinkedList、Vector、Set
  • Parameter ‘XXX‘ not found. Available parameters are [list, param1]
  • 【选配电脑】CPU核显工作机控制预算5000
  • 复制与图片文件同名的标签文件到目标路径
  • 广东餐饮服务中高级证备考指南:高效学习与应试技巧
  • 光学字符识别(OCR)理论概述与实践教程
  • 移除元素-JavaScript【算法学习day.04】
  • Redis 持久化机制深度解析
  • 第9篇:数据库中间件的容错机制与高可用架构设计
  • UOS无法安装deb软件包
  • ​​Android 如何查看CPU架构?2025年主流架构有哪些?​
  • 本地主机部署开源企业云盘Seafile并实现外部访问
  • 开源之夏·西安电子科技大学站精彩回顾:OpenTiny开源技术下沉校园,点燃高校开发者技术热情
  • 自动驾驶系统研发系列—从LSS到BEVFormer:视觉BEV感知算法的演进与实战部署思考
  • 判断一个或者多个软件是否安装,如果没有则自动安装
  • 嵌入式里的时间魔法:RTC 与 BKP 深度拆解
  • 《MODEM HOST INTERFACE》,第6章,MHl register interface
  • VBA之Word应用第三章第十节:文档Document对象的方法(三)
  • R语言AI模型部署方案:精准离线运行详解
  • 机器学习监督学习实战五:六种算法对声呐回波信号进行分类
  • 【Linux shell】shell中的变量——构建脚本逻辑的基石
  • Linux(生产消费者模型/线程池)
  • TripGenie:畅游济南旅行规划助手:个人工作纪实(二十二)
  • Linux(13)——Ext系列文件系统
  • 1.5 Node.js 的 HTTP
  • 纳米AI搜索与百度AI搜、豆包的核心差异解析