当前位置: 首页 > 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://www.xdnf.cn/news/916651.html

相关文章:

  • Go 标准库 encoding/gob 快速上手
  • NLP学习路线图(三十一): 迁移学习在NLP中的应用
  • 在ROS中实现消息通信和服务通信Python
  • 【图像处理基石】如何构建一个简单好用的美颜算法?
  • 【win | docker开启远程配置】使用 SSH 隧道访问 Docker的前操作
  • 手拉手处理RuoYi脚手架常见文问题
  • win11系统 Docker Desktop 突然提示Docker Engine stopped解决情况之一
  • CentOS 7.9安装Nginx1.24.0时报 checking for LuaJIT 2.x ... not found
  • 【Linux】系统部分——进程控制
  • 使用 Python + SQLAlchemy 创建知识库数据库(SQLite)—— 构建本地知识库系统的基础《一》
  • Python Cookbook-7.11 在 PostgreSQL 中储存 BLOB
  • github中main与master,master无法合并到main
  • 《绩效管理》要点总结与分享
  • SpringBoot 配置加载顺序?
  • AI驱动的B端页面革命:智能布局、数据洞察的底层技术解析
  • vue前端字典映射
  • 【数据分析】探索婴儿年龄变化对微生物群落(呼吸道病毒和细菌病原体)结构的影响
  • opencv_stereoRectify源码解析
  • 辊式矫平机:金属板材的“整形大师”
  • 18-Oracle 23ai JSON二元性颠覆传统
  • Github 2025-06-07 Rust开源项目日报Top10
  • ThingsCloud事物云平台搭建-微信小程序
  • Python Cookbook-7.12 在 SQLite 中储存 BLOB
  • WPF学习PropertyChanged
  • 【工具教程】PDF电子发票提取明细导出Excel表格,OFD电子发票行程单提取保存表格,具体操作流程
  • Xilinx FPGA MIPI DSI TX Subsystem 仿真笔记
  • 向日葵远程控制debian无法进入控制画面的解决方法
  • 征文投稿:如何写一份实用的技术文档?——以软件配置为例
  • PHP文件包含漏洞详解:原理、利用与防御
  • 低代码平台前端页面表格字段绑定与后端数据传输交互主要有哪些方式?华为云Astro在这方面有哪些方式?