移动端H5滚动穿透解决方案
2024-09-04 17:41:39
最近遇到一个很 巨恶心的问题 ios10下面 页面弹窗有滚动穿透问题
各种google 终于找到了答案,但是体验还不是很好,基本能忍受
废话不多说,上方法
最后终于想到一个处理方案,就是第一种方案的升级版,需要配合JS,大致思路是弹窗显示时JS读取这时页面的scrollTop,然后将主体内容position:fixed,top设为scrollTop的负值,这样可以从根本上固定下层内容,然后隐藏弹窗时再将主体内容position:static;scrollTop设回来。完美解决问题。经测试这种方案在移动端设备都试用,包括浏览器和hybrid模式APP。
原文链接地址:https://www.arayzou.com/2015/08/24/%E7%A7%BB%E5%8A%A8%E7%AB%AFH5%E6%BB%9A%E5%8A%A8%E7%A9%BF%E9%80%8F%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/
最新文章
- highlight.js 页面 代码高亮
- Extjs 窗体居中,双重窗体弹出时清除父窗体的鼠标事件
- 【javascript激增的思考04】MVC与Backbone.js(beta)
- threading示例
- UEditor的使用方法
- libpq中调用prepared statement:
- mysqldump 命令的使用
- 全选js实现
- csvkit---python一个牛逼到不行的csv处理库
- ps入门学习
- python—列表生成式
- null值经过强转会怎样?
- less 写关键帧动画
- Node核心模块
- django学习install apps注册错了的影响
- C#调用系统蜂鸣(需要发出警告时挺好用的 即使没有声卡)
- 蓝桥杯 算法训练 ALGO-116 最大的算式
- 百度Webuploader 大文件分片上传(.net接收)
- 递归和for循环
- JIRA licence crack and etc
热门文章
- 讯为iTop4412嵌入式开发板学习之-------前言
- Python的scrapy之爬取豆瓣影评和排名
- codeforces 845A Chess Tourney
- ccpc 2018 final G - Pastoral Life in Stardew Valley
- 通过transpose和flip实现图像旋转90/180/270度
- 导入execl到数据库mysql
- 30分钟快速搭建Web CRUD的管理平台--django神奇魔法
- 【多校联合】(HDU6095)Rikka with Competition
- Kotlin的Reified类型:怎样在函数内使用这一类型(KAD 14)
- django中判断当前user具有是否有对模块的增删改查权限