通过将第一个列表项固定在html中，将滚动应用于第二个列表项

Question

我正在使用以下代码

 <div> 
        <div id="aboxound" >
                    <ul>
                        <li class="aHeader"  >
                            <ul>
                                <li class="Name">Names</li>
                                <li class="Name">values</li>
                            </ul>
                        </li>

                      <li style="height:500px; overflow-y:scroll;">
     <c:forEach items="${dataModel.List}" var="entry">
                        <li class="aUser" >
                            <ul>
                             <li class="userName"><c:out value="${entry.key}" /></li>
                            <li class="userName"><c:out value="${entry.value}" /></li>
                            </ul>
                        </li>
                </c:forEach>                    
                        </li>
                    </ul>
    </div>
                </div>

这里我想通过将第一个列表保持为固定标题来将滚动应用于第二个列表。我的上面的代码不工作。首先添加空滚动，然后列出没有滚动的项目。我做错了什么

Answer 1

如果你写overflow:scroll即使不重的内容也显示滚动，请在你的代码overflow:auto中使用overflow-y:scroll。