Question

我想让我的网络的一部分在滚动时到达顶部时滚动页面。因此，当我滚动时，它会卡在顶部并滚动。像这样的东西： http://www.sutanaryan.com/Tutorials/fixed-menu-when-scrolling-page-with-CSS-and-jQuery/ 但是如果没有jQuery，只能使用纯CSS3和html5吗？

Answer 1

它被称为持久性标题，它的解释时间太长，所以这里有一个链接： http://css-tricks.com/persistent-headers/

Answer 2

也许你可以试试这个：

<ul class="scroll">
    <li><a href="#">Item 1 0</a></li>
    <li><a href="#">Item 1 1</a></li>
    <li><a href="#">Item 1 2</a></li>
    <li><a href="#">Item 1 3</a></li>
    <li><a href="#">Item 1 4</a></li>
    <li><a href="#">Item 1 5</a></li>
    <li><a href="#">Item 1 6</a></li>
    <li><a href="#">Item 1 7</a></li>
    <li><a href="#">Item 1 8</a></li>
    <li><a href="#">Item 1 9</a></li>
    <li><a href="#">Item 1 10</a></li>
    <li><a href="#">Item 1 11</a></li>
</ul>

style.css

ul#css3menu1 ul.scroll{
    max-height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
}

如何使用鼠标滚动创建菜单滚动

2 个答案: