Question

继承人的网站 http://designobvio.us/DoUs/directPro.html

任何人都知道我选择哪个选择器来使我的导航栏滚动。

当我试过它时，修复了我的网格，如果你能给我一个带有正确选择器的css片段，我会非常感激！

<nav id="nav" class="grid_2">
  <ul>
   <a href="#"> <li><span>↗</span>Portfolio </li></a>
   <a href="#"> <li>Blog</li></a>
    <a href="#"><li>About Me</li></a>
    <ul class="secondaryUL">
    <a href="#"><li>business</li></a>
    <a href="#"><li>skills</li></a>
    <a href="#"><li>service</li></a>
 <a href="#"><li>me</li></a>
   <a href="#"><li>contact</li></a>
  </ul>
    </ul>
</nav>

马修

Answer 1

首先，我认为你的布局是正确的，即

<nav id="nav" class="grid_2">    
  <ul>
    <li><a href="#"><span>↗</span>Portfolio</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About Me</a></li>
    <li>
        <ul class="secondaryUL">
           <li><a href="#">business</a></li>
           <li><a href="#">skills</a></li>
           <li><a href="#">service</a></li>
        </ul>
    </li>
    <li><a href="#">me</a></li>
    <li><a href="#">contact</a></li>
 </ul>    
</nav>

之后你可以修正nav#id的位置，即 #nav {浮动：左;位置是：固定}

Answer 2

如果你不能使用CSS：

#nav{
    position: fixed;
}

然后，您需要依靠JavaScript修补程序强制margin-top上的变量#id。

哪个选择器可以固定导航栏并滚动页面？

2 个答案: