-webkit-overflow-scrolling: touch;属性会导致苹果上z-index失效

X_小七 2018-12-17 03:49:01

最近发现一个很奇葩的问题,就是在页面上加上 -webkit-overflow-scrolling: touch;属性后,在安卓上的z-index是有效的,但在苹果上的z-index却始终没有效果,很奇怪

...全文

390 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

故事背景：最近的一次开发中，使用到了overflow：scroll属性来滑信心满满的以为不会出现任何问题，看来还是太清高自傲了，于是写下这篇随笔特此总结一番。机

解决苹果手机中input输入框,在弹出软键盘之后,fixed定位失效的问题,是用css解决的

NULL 博文链接：https://axl234.iteye.com/blog/2063619

在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素，随着页面一起滚动，只有滚动停止时才会恢复原位. 1 设置你需要滚动的div的position: relative; -webkit-overflow-scrolling: touch;以及高度 2，底部就用absolute 来定位，这样就不会随着滚动了。

现在做的小程序项目需要适配iphoneX,所以不再使用page自身的滚动，需要在判断是iphoneX机型下把view底部留白34px;34px是避开iphoneX底部的操作范围，以下代码同样适用H5。实现方法：最外层用content包裹滚动，默认情况下滑动时手指松开即停止滑动。为了实现顺滑滚动，加上这句代码：-webkit-overflow-scrolling: auto | touch;auto...

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章