html – iOS7：滚动固定叠加层会导致正文滚动_html-js-css

概述我只是调试一个奇怪的场景,一旦覆盖层中的滚动运动到达其边界,它就会传递给底层元素.因此,当叠加层没有滚动空间时(因此当您敲击d性顶部/底部时),背景层开始滚动. 我尝试了几种解决方案,并检查了这一个：Prevent body scrolling but allow overlay scrolling 但到目前为止还没有修复.我已经附上了一个plunker,所以当你在iphone或ipad中打开它时我只是调试一个奇怪的场景,一旦覆盖层中的滚动运动到达其边界,它就会传递给底层元素.因此,当叠加层没有滚动空间时(因此当您敲击d性顶部/底部时),背景层开始滚动.

我尝试了几种解决方案,并检查了这一个：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 ></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：触摸叠加层,并在页面换行中使用-webkit-transform：translateZ(0).希望能帮助到你. 总结

以上是内存溢出为你收集整理的html – iOS7：滚动固定叠加层会导致正文滚动全部内容，希望文章能够帮你解决html – iOS7：滚动固定叠加层会导致正文滚动所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1127472.html

html – iOS7：滚动固定叠加层会导致正文滚动

发表评论

评论列表（0条）