0

希望快速修复。

data-role="content"我在我的固定导航栏页脚下方嵌入了一个视频。

这很好用，视频海报/框架也会在我的页脚下方滚动。

但是，当视频帧直接位于固定导航栏页脚下方时（即页面的堆叠中间滚动），导航栏上的任何单击都会响应，就好像它们的视频帧实际上位于顶部一样。

因此，虽然从视觉的角度来看，一切看起来都应该如此，但它在点击时却以完全相反的方式执行。

编辑：使用cordova 2.9.0和xcode 4.6在xcode的模拟器中打包和运行时会发生这种情况。它不会发生在网络浏览器中。

我试图用 z-index 解决这个问题，但它似乎没有奏效。以下是相关代码：

<div data-role="content">




    <video poster="img/logo.png">

        <source src="videos/videosample.mp4" type="video/mp4" />

    </video>

</div>

<div class="container"><img src="img/Background_Dark.png" width="100%"/>

</div>

<div data-role="footer" data-tap-toggle="false" data-position="fixed" data-id="myfooter">
    <nav data-role="navbar">
    <ul>
        <li><a href="#page" data-transition="fade"><img src="img/Home_JQuery_Footer_Icon.png" width="35%" alt=""/></a></li>
        <li><a href="#page4" data-transition="fade"><img src="img/About_Us_JQuery_Footer_Icon.png" width="35%" alt=""/></a></li>
        <li><a href="#page3" data-transition="fade"><img src="img/Request_JQuery_Footer_Icon.png" width="34%" alt=""/></a></li>

        </ul>
        </nav>
</div>

谢谢。

4

1 回答 1

0

对于任何寻求解决类似问题的人，我发现这篇文章演示了如何在内容区域之外创建可滚动的 div。这解决了我遇到的重叠问题。

于 2013-09-28T09:14:46.917 回答