gpt4 book ai didi

html - iOS7:在固定覆盖层中滚动会导致主体滚动

转载 作者:太空狗 更新时间:2023-10-29 16:06:54 28 4
gpt4 key购买 nike

我只是在调试一个奇怪的场景,其中覆盖层中的滚动移动一旦到达其边界就会传递给底层元素。因此,当叠加层没有滚动空间时(因此当您点击 flex 顶部/底部时),背景层开始滚动。

我尝试了几种解决方案,还检查了这个:Prevent body scrolling but allow overlay scrolling

但目前还没有解决。我附上了一个plunker,所以当你在你的iphone或ipad中打开它时,你应该会看到效果。

假设我们有以下页面结构:

    <html>
<body>
<nav> <!-- The overlay -->
<div></div> <!-- The scrollable container with appropriate overflows -->
</nav>
<div class="page-wrap"></div> <!-- Main content starts to scroll when overlay reaches bounds or ios top/bottom bars are displayed -->
</body>
</html>

干杯!

Plunkr:http://run.plnkr.co/g4WQrNibWNbz5lYr/


**注意:当显示 ios 标题和底栏时,它似乎会出现错误。我会尝试添加视频以进行进一步描述**

最佳答案

是的,这很烦人。尝试使用 -webkit-overflow-scrolling: touch 进行覆盖,并在页面换行时使用 -webkit-transform: translateZ(0)。希望对您有所帮助。

关于html - iOS7:在固定覆盖层中滚动会导致主体滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23885894/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com