修复.js页面打桩脚本顶部的导航栏

时间:2016-09-08 11:11:26

标签: javascript jquery html css

我试图在我的网页上放置一个固定的导航栏,但我被卡住了。

我正在使用页面打桩javascript效果,这可能是它没有按预期工作的原因。这是piling.js效果demo

我尝试在我的代码顶部添加常用的导航代码,但它会将部分向下推,并且在滚动到第二部分后仍然无法保持可见。

<nav>
    <ul>
       <li><a href="default.asp">Home</a></li>
       <li><a href="news.asp">News</a></li>
       <li><a href="contact.asp">Contact</a></li>
       <li><a href="about.asp">About</a></li>
    </ul>
</nav>

为什么它不起作用的任何想法?

1 个答案:

答案 0 :(得分:1)

添加z-index:100;导航(css)修复它。

duplicated

Fixed demo