博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ios上-webkit-overflow-scrolling与position的bug
阅读量:5864 次
发布时间:2019-06-19

本文共 276 字,大约阅读时间需要 1 分钟。

布局

clipboard.png

如上图,.fb-box是一个大div,包含着页面上的所有元素,包括所看到的那个弹窗.dialog-img,并且设置了height:100%;-webkit-overflow-scrolling:touch;

问题

但是这样设置,在ios上会有一个bug,页面滚动一定的距离后,点击了显示弹窗,再关闭的话,就会发现,弹窗的一部分还“留在页面上”。定位需要,-webkit-overflow-scrolling:touch;也需要。

clipboard.png

解决方案

把弹窗的div和.fb-box以兄弟节点的方式布局,在外层再弄一个div包住,这个坑就算爬起来了,效果如下

clipboard.png

clipboard.png

转载地址:http://qhynx.baihongyu.com/

你可能感兴趣的文章
poj 3624 Charm Bracelet 01背包问题
查看>>
企业QQ 增加在线交谈链接
查看>>
solr源码分析之solrclound
查看>>
python2.6.6在centos6.4下安装
查看>>
lua weak table 概念解析
查看>>
svn sc create 命令行创建服务自启动
查看>>
面向对象编程(十二)——final关键字
查看>>
js学习内容的整理
查看>>
AngularJS最理想开发工具WebStorm
查看>>
maven自动下载jar包
查看>>
iOS - UIProgressView
查看>>
jQuery post数据至ashx
查看>>
iOS - App 上架审核被原因拒总结
查看>>
[APUE]标准IO库(下)
查看>>
JS框架设计之模块加载系统
查看>>
CSDN-Code平台公钥设置
查看>>
菜鸟之路-浅谈设计模式之观察者模式
查看>>
HTML5 Canvas 绘制澳大利亚国旗
查看>>
Unity中的定时器与延时器
查看>>
python自动安装mysql5.7
查看>>