0

#nav上部にある必要がありますが、その上に#navいくつかのテキストがあります.divのスクロールで、本体#childのメインスクロールバーをスクロールできる必要が#navあり、上部に固定する必要があります!そして、#childdivのみをスクロールする必要があります.

参照はheres.. http://jsfiddle.net/maUYK/

  <p>text</p>
  <p>text</p>
  <p>text</p>
  <p>text</p>
        <ul id="nav">
        <li><a href="#">About Us</a></li>
        <li><a href="#">Our Products</a></li>
        <li><a href="#">FAQs</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">Login</a></li>
        </ul>
  <div id="child">
  <table>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
         <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
        <tr><td>a</td><td>b</td><td>c</td></tr>
  </table>
  </div>
4

2 に答える 2

0 
#nav{
    position:absolute;
       top:200px;
     left:0;
     }

     #nav.fixed{
     position:fixed;
         top:10px;
        }

上記のスタイルを使用してナビゲーションを配置し、スクロール後に修正します

詳細については、このリンクにアクセスしてください -http://addyosmani.com/blog/rocketbar/

于 2013-02-17T06:40:19.567 に答える
-1

div の高さが大きすぎます。高さを 200px にします。これで問題ありません。

 div {
     overflow: scroll;
     height: 200px;
     width: 520px;
 }
于 2013-02-17T06:10:00.557 に答える