当前位置： 首页 > article >正文

深入解析 iOS 上 fixed 底栏与滚动容器的手势冲突：从 H5 修复到原生根治

article 2026/3/31 21:31:03
在移动端 H5 开发中，我们时常遇到这样的场景：页面底部有一个固定定位（position: fixed）的按钮栏或底栏，上方是一个可滚动的长列表。在 iOS 设备上，当用户尝试从底部 fixed 区域起手向上滑动时，列表却纹丝不动，仿佛被“粘”住了。这个现象不是偶发 bug，而是 iOS 对fixed元素与内部滚动容器手势交互机制的“特性”所致。本文将深入剖析其背后的技术原理，并分享一种根治该问题的原生方案——通过关闭 WebView 的橡皮筋效果（overscroll）来彻底解决冲突。一、现象重现某 H5 页面采用了如下典型结构：divclass="fixed-footer"底部按钮

相关文章：

深入解析 iOS 上 fixed 底栏与滚动容器的手势冲突：从 H5 修复到原生根治

在移动端 H5 开发中，我们时常遇到这样的场景：页面底部有一个固定定位（position: fixed）的按钮栏或底栏，上方是一个可滚动的长列表。在 iOS 设备上，当用户尝试从底部 fixed 区域起手向上滑动时，列表却纹丝不动，仿佛被“粘”住了。这个现象不是偶发 bug，而是 iOS 对 fix…...

编程日记 2026/3/31 21:31:03

Qwen3-VL:30B多模态提示词工程：Clawdbot中优化图文提问格式提升飞书响应质量

Qwen3-VL:30B多模态提示词工程：Clawdbot中优化图文提问格式提升飞书响应质量 1. 引言：从部署到优化的进阶之路 在上一篇文章中，我们已经成功在星图AI云平台部署了Qwen3-VL:30B多模态大模型，并通过Clawdbot搭建了基础框架。现在面…...

编程日记 2026/3/31 21:31:03

微电网调度（风、光、储能、电网交互）附MatlabPython代码

✅作者简介：热爱科研的Matlab仿真开发者，擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。🍎 往期回顾关注个人主页：Matlab科研工作室🍊个人信条：格物致知,完整Matlab代码及仿真咨询…...

编程日记 2026/3/31 21:31:03

FLAC3D蠕变三轴压缩试验：博格斯摩尔本构应变时间曲线

FLAC3D蠕变三轴压缩试验：博格斯摩尔本构，应变时间曲线在岩土工程数值模拟里，蠕变试验就像给材料做"慢动作回放"。今天咱们拿FLAC3D折腾个博格斯摩尔（Burgers-Malvern）模型的蠕变三轴压缩试验，重点…...

编程日记 2026/3/31 21:31:02

忍者像素绘卷效果实测：同一Prompt下不同步数对像素锐度影响对比分析

忍者像素绘卷效果实测：同一Prompt下不同步数对像素锐度影响对比分析 1. 测试背景与目的 忍者像素绘卷作为一款基于Z-Image-Turbo深度优化的图像生成工具，其独特的16-Bit复古游戏美学风格吸引了大量创作者。在实际使用中，我们发现"描绘…...

编程日记 2026/3/31 21:31:00

2026年的具身智能：不再“讲故事”，而是拼“分数”？

作者：刘致呈编辑：Evin审核：徐徐出品：互联网江湖最近，具身智能行业发生了两件大事:一是行业标杆——宇树科技要IPO了。二是中国信息通信研究院联合40余家单位共同起草的具身智能领域首个行业标准，正式发布了…...

编程日记 2026/3/31 21:29:00

OpCore Simplify技术突破：如何用智能适配重构开源系统定制效率

OpCore Simplify技术突破：如何用智能适配重构开源系统定制效率 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 在开源系统定制领域&#x…...

编程日记 2026/3/31 21:29:00

免费开源AI绘画工具推荐：Z-Image-Turbo，照片级质量，消费级显卡友好

免费开源AI绘画工具推荐：Z-Image-Turbo，照片级质量，消费级显卡友好 1. 为什么选择Z-Image-Turbo 在众多开源AI绘画工具中，Z-Image-Turbo以其独特的优势脱颖而出。作为阿里巴巴通义实验室开源的高效文生图模型，它完美…...

编程日记 2026/3/31 21:29:00

Spring Boot pom.xml 属性配置 ＜properties＞ 没有统一管理 lombok 依赖版本，这里可以正常使用 ${lombok.version}

问题&#xff1a;<!-- 属性配置&#xff0c;统一管理依赖版本 --><properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><!-- MapStruct 版本 --><org.mapstruct.version>1.6.3</org.mapstruct.version>…...

编程日记 2026/3/31 21:29:00

数字工作流革命：Input Leap如何重塑你的多设备生产力体验

数字工作流革命&#xff1a;Input Leap如何重塑你的多设备生产力体验 【免费下载链接】input-leap Open-source KVM software 项目地址: https://gitcode.com/gh_mirrors/in/input-leap 想象一下这样的场景&#xff1a;你的左手边是Windows台式机处理着复杂的3D渲染&…...

编程日记 2026/3/31 21:28:59

springboot+vue基于web的学生宿舍预订分配管理系统的设计与实现

目录同行可拿货,招校园代理 ,本人源头供货商系统功能模块划分技术实现要点扩展性考虑项目技术支持源码获取详细视频演示 &#xff1a;文章底部获取博主联系方式&#xff01;同行可合作同行可拿货,招校园代理 ,本人源头供货商 系统功能模块划分 后端&#xff08;SpringBoot&am…...

编程日记 2026/3/31 21:26:59

查看本地镜像使用 nrm 工具管理（方便切换）

1安装 nrm&#xff1a;npm install -g nrm2查看可用镜像源&#xff1a;nrm ls3切换到淘宝源nrm use taobao...

编程日记 2026/3/31 21:26:59

2026年探访阎良：这三家头疗肩颈养生馆的服务为何备受好评？

在快节奏的现代生活中&#xff0c;头颈肩的亚健康问题几乎成了都市人的“标配”。头痛、失眠、肩颈僵硬&#xff0c;这些困扰背后&#xff0c;是人们对专业、有效且放松的养生服务的迫切需求。近期&#xff0c;笔者深入西安市阎良区&#xff0c;实地探访了三家在本地口碑颇佳的…...

编程日记 2026/3/31 21:26:59

vscode-remote-ssh-server首次安装或者更新无响应时解决方案

当vscode更新后&#xff0c;remote-ssh服务端的server也需要同步更新&#xff0c;否则会无法连接&#xff0c;若服务器的网络下载服务端文件非常慢或者无法连接外网&#xff0c;则需要手动下载离线包拷贝到对应的目录下。1、使用mobaXtern&#xff08;或者其他SSH工具&#xff…...

编程日记 2026/3/31 21:26:59

RevokeMsgPatcher 2.1：实用高效的微信QQ防撤回完整解决方案

RevokeMsgPatcher 2.1&#xff1a;实用高效的微信QQ防撤回完整解决方案 【免费下载链接】RevokeMsgPatcher :trollface: A hex editor for WeChat/QQ/TIM - PC版微信/QQ/TIM防撤回补丁&#xff08;我已经看到了&#xff0c;撤回也没用了&#xff09; 项目地址: https://gitco…...

编程日记 2026/3/31 21:26:59

基于改进型多目标粒子群算法的电铲永磁同步电机过载工况下电磁-热双向耦合优化设计

基于改进型多目标粒子群算法的电铲永磁同步电机过载工况下电磁-热双向耦合优化设计 摘要 本文针对矿山电铲提升系统用永磁同步电机在过载起升、卡斗遇硬岩等瞬态超载工况下易发生温升异常，影响电机可靠性的问题，提出了一种基于电磁-热双向耦合的多目标优化设计方法。首先，…...

编程日记 2026/3/31 21:24:59

如何在个人电脑上搭建专属的图片搜索引擎：ImageSearch终极指南

如何在个人电脑上搭建专属的图片搜索引擎&#xff1a;ImageSearch终极指南 【免费下载链接】ImageSearch 基于.NET8的本地硬盘千万级图库以图搜图案例Demo和图片exif信息移除小工具分享 项目地址: https://gitcode.com/gh_mirrors/im/ImageSearch 你是否曾经因为找不到某…...

编程日记 2026/3/31 21:24:59

【内测开启】一个 Token，让你的Agent拥有地图能力！

各位AI大佬/极客朋友们&#xff1a; 期待已久的 百度地图 Map Agent Plan 正式开启首批内测招募啦&#xff01;✨ 我们深知独立开发者和 OpenClaw 玩家们的痛点&#xff0c;所以这次我们玩点不一样的&#xff1a; ✅ 极简集成&#xff1a; 告别复杂API申请流程&#xff0c;一个…...

编程日记 2026/3/31 21:24:59

告别微信传文件！用LocalSend+cpolar搭建私人远程文件库（Windows保姆级教程）

打造私人云存储&#xff1a;LocalSend与cpolar的极简文件共享方案 你是否经历过这样的场景&#xff1a;在咖啡馆急需调取家里电脑的一份文档&#xff0c;却只能对着微信传输助手的"文件大小超过限制"提示干着急&#xff1f;或是出差在外&#xff0c;发现手机里缺少一…...

编程日记 2026/3/31 21:24:58

寻音捉影·侠客行企业实操案例：法务取证场景下千条采访音频线索挖掘

寻音捉影侠客行企业实操案例&#xff1a;法务取证场景下千条采访音频线索挖掘 1. 引言&#xff1a;音频线索挖掘的法务挑战 在法律取证工作中&#xff0c;经常需要处理大量的采访录音。想象一下这样的场景&#xff1a;一个商业纠纷案件&#xff0c;涉及数十个当事人的访谈录音…...

编程日记 2026/3/31 21:24:58

AI模型版本控制：Git for ML最佳实践

当软件测试遇上AI模型迭代对于软件测试从业者而言&#xff0c;版本控制是保障软件质量、实现可追溯性的基石。然而&#xff0c;当测试对象从传统的功能模块转变为动态演进的AI模型时&#xff0c;版本管理的复杂性陡然增加。一个推荐模型本周表现优异&#xff0c;下周却因数据漂…...

编程日记 2026/3/31 21:22:58

Omni-Vision Sanctuary 模拟电路设计可视化：与 Multisim 仿真结果结合生成原理图效果图

Omni-Vision Sanctuary 模拟电路设计可视化&#xff1a;与 Multisim 仿真结果结合生成原理图效果图 1. 电子工程师的文档痛点 在电子设计领域&#xff0c;工程师们经常面临一个共同的烦恼&#xff1a;花大量时间完成的电路仿真和分析&#xff0c;最终呈现给团队或客户的文档却…...

编程日记 2026/3/31 21:22:58

零基础玩转通义千问2.5：手把手教你用vLLM+Open WebUI一键部署

零基础玩转通义千问2.5&#xff1a;手把手教你用vLLMOpen WebUI一键部署 1. 通义千问2.5-7B-Instruct简介 1.1 模型特点概述 通义千问2.5-7B-Instruct是阿里云2024年9月发布的70亿参数指令微调模型&#xff0c;定位为"中等体量、全能型、可商用"的开源大语言模型。…...

编程日记 2026/3/31 21:22:58

【2026年最新600套毕设项目分享】基于springboot+vue的无人机共享管理系统（14299）

有需要的同学&#xff0c;源代码和配套文档领取&#xff0c;加文章最下方的名片哦 一、项目演示 项目演示视频 二、资料介绍 完整源代码&#xff08;前后端源代码SQL脚本&#xff09;配套文档&#xff08;LWPPT开题报告/任务书&#xff09;远程调试控屏包运行一键启动项目&…...

编程日记 2026/3/31 21:22:58

【2026年最新600套毕设项目分享】springboot“优兴趣”家教平台（14298）

有需要的同学&#xff0c;源代码和配套文档领取&#xff0c;加文章最下方的名片哦 一、项目演示 项目演示视频 二、资料介绍 完整源代码&#xff08;前后端源代码SQL脚本&#xff09;配套文档&#xff08;LWPPT开题报告/任务书&#xff09;远程调试控屏包运行一键启动项目&…...

编程日记 2026/3/31 21:22:58

IntelliJ IDEA 安装与环境配置指南（2026 最新）

IntelliJ IDEA 是 Java 开发首选 IDE&#xff0c;社区版免费开源、旗舰版功能更全&#xff1b;IDE 内置 JBR 运行环境&#xff0c;开发 Java 项目需单独配置 JDK。以下是完整安装与配置流程。 一、安装前准备 1. 系统要求&#xff08;2026 官方&#xff09; 表格 配置项最低…...

编程日记 2026/3/31 21:20:58

软件测试高频面试题 2026 最新整理（功能 + 自动化）

目录 一、功能测试高频题（必背） 1. 什么是软件测试？测试的目的是什么？ 2. 黑盒测试 vs 白盒测试，区别与适用场景？ 3. 测试用例设计方法有哪些？各适合什么场景？ 4. 一个完整的测试用例包含哪些要素？ 5. 什么是 Bug？Bug 的生命周期是什么？ 6. 功能测试的核心流…...

编程日记 2026/3/31 21:20:58

Qt6 + OpenGL 3.3 渲染环境搭建全指南：从空白窗口到专属渲染画布的优雅实现

✨ Qt6 OpenGL 3.3 渲染环境搭建全指南&#xff1a;从空白窗口到专属渲染画布的优雅实现&#x1f4cc; 前置环境准备&#x1f527; 第一步&#xff1a;创建Qt Widget Application 工程&#x1f3a8; 第二步&#xff1a;界面元素搭建与QSS样式美化2.1 核心界面元素搭建2.2 QSS样…...

编程日记 2026/3/31 21:20:58

单片机存储系统：哈佛架构与ROM/RAM技术解析

1. 单片机存储系统概述单片机作为微型计算机系统的核心&#xff0c;其存储架构直接决定了系统的性能和功能实现方式。与通用计算机不同&#xff0c;单片机的存储系统通常采用哈佛结构&#xff0c;将程序存储器和数据存储器物理分离。这种设计源于早期计算机科学家对处理器效率的…...

编程日记 2026/3/31 21:20:58

3步让你的Windows 11性能提升60%：专业级系统优化工具Win11Debloat全解析

3步让你的Windows 11性能提升60%&#xff1a;专业级系统优化工具Win11Debloat全解析 【免费下载链接】Win11Debloat A simple, lightweight PowerShell script that allows you to remove pre-installed apps, disable telemetry, as well as perform various other changes to…...

编程日记 2026/3/31 21:20:58