小编Cor*_*orn的帖子

滚动并单击后,导航在Chrome中消失

我正在为一个我正在发布的Android应用程序的小型网站工作,但我有一个小问题,我似乎无法找到答案.

在Firefox中,一切正常,但滚动然后点击导航链接(只需使用ID向下移动页面),但在Chrome上,导航将消失,直到您滚动更多.

该网站在 www.ioudebtcalculator.com上

这些是我应用的唯一样式:

#navBar {
    background-color:#000;
    position:fixed;
    width:100%;
    font-family:sans-serif;
    font-weight:bold;
    font-size:13pt;
    height:70px;
}
Run Code Online (Sandbox Code Playgroud)

编辑:我已经从网站上的navBar中删除了固定的位置,因此您将不再在那里看到问题.问题尚未解决.

您可以使用开发人员工具或任何其他等效工具轻松添加固定到navBar元素的位置以查看问题.

html css navigation html5 google-chrome

11
推荐指数
2
解决办法
3985
查看次数

水平滚动分区

我非常有兴趣在我的网站上放置一个水平滑动div和我的应用程序的屏幕截图.我想要做的是与这里所做的非常相似.

这是我能找到的相关html:

<div id="screenshot_container" class="screenshot_container">
            <div id="screens" class="screenshots" style="left: 0px;">

                <img alt="Screenshot of iOu (I owe you)Debt Calculator" class="screen2" src="http://lh3.ggpht.com/np-fUQ6p_rWh62eDpB4BtiQOEounRiIaCdI8-KXmcR28hKrDwU0_NnJ3NQQNK1GIsMQipZw3Yy_PtG5cCF7hqU5X=h200" id="screen1">

                <img alt="Screenshot of iOu (I owe you)Debt Calculator" class="screen2" src="http://lh3.ggpht.com/S02i2HMnIRBe6ms6PbYLLJEW5rCxHWUj3wZ25tP5zOMIGYgIdy6211ihD6MJUvUiSm-rwPEJb-fYkBI5MupxBvQ=h200" id="screen2">

                <img alt="Screenshot of iOu (I owe you)Debt Calculator" class="screen2" src="http://lh3.ggpht.com/j6SyrkCI1Vn7vGT3Tf84LeXdSz5ys1rindbmjOrPFExhJEJ-Eny71C0bIk0lEJyVnlxYopMkbhIlCgU7f1RICQ=h200" id="screen3">

                <img alt="Screenshot of iOu (I owe you)Debt Calculator" class="screen2" src="http://lh5.ggpht.com/6J4S5KBiz1FyUZM8S6nD8Xxy3yOU4337Cpus_Z7VMLze_4O00zIIYPUAHMUHtLxRWC9xJbf5lAnjt1cFDRulEjSJ=h200" id="screen4">

                <img alt="Screenshot of iOu (I owe you)Debt Calculator" class="screen2" src="http://lh4.ggpht.com/6vGrgfvQy-nVyiKIt7u2dxthgySj_92-Gt-IbwTZjtepMGqI1Njgj37mxEYVta8xPHm2t3hcJxsrmLzzMRDMRlsD=h200" id="screen5">

                <img alt="Screenshot of iOu (I owe you)Debt Calculator" class="screen2" src="http://lh3.ggpht.com/mcqLEpzbXuCrpK4XI4I_MoxWdS39PrRGxD0_nixDI4_i1p8xh7d6WLrlYYs05HcM2yKb8IQMMeeaEHkQw1syAD0=h200" id="screen6">

            </div>
        <div …
Run Code Online (Sandbox Code Playgroud)

html javascript css horizontal-scrolling

11
推荐指数
2
解决办法
4万
查看次数