问答

ios页面里有一个fixed定位的层,这个层内部可以滚动,并且不会消

作者:admin 2021-07-04 我要评论

页面里有一个固定的小层,不会消失,所以网上那些解决ios穿透的方法都不好用,比如设置body的overflow等方法。 页面很长,快速滚动的时候,只要body不停止滚动,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

页面里有一个固定的小层,不会消失,所以网上那些解决ios穿透的方法都不好用,比如设置body的overflow等方法。
页面很长,快速滚动的时候,只要body不停止滚动,滚动条不消失,那个固定的小层里的内容就永远无法滚动,会穿透。
只有body完全停止滚动,而且滚动条完全消失,触摸那个小层,才能滚动层里面的内容。
设置z-index也没有用
只有ios下有问题,安卓就没有问题

<body>

<div style="position:fixed; top:10px; left:10px; width:100px; height:100px; overflow:auto; z-index:999;">
    <p>fixed的小层</p>
    <p>很高的内容,里面可以滚动</p>
    <p>很高的内容,里面可以滚动</p>
    ...
</div>
<div>
    <p>很高的内容,里面可以滚动</p>
    <p>很高的内容,里面可以滚动</p>
    ...
</div>

</body>

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • PHP的use 的 前提是包中的文件需要提前

    PHP的use 的 前提是包中的文件需要提前

  • 为什么分布式项目中需要分布式锁,而普

    为什么分布式项目中需要分布式锁,而普

  • mysql高效查询评论及回复内容,并且分

    mysql高效查询评论及回复内容,并且分

  • tp5 数据库查询  如何进行多对多查询

    tp5 数据库查询 如何进行多对多查询

腾讯云代理商
海外云服务器