如何使用鼠标滚轮跳转到html中的下一个或上一个#部分

Question

我有一个顶级导航菜单的网站:

<nav id="menu">
    <ul id="menu-nav">
        <li class="current"><a href="#home-slider">Home</a></li>
        <li><a href="#Cakes">Cakes</a></li>
        <li><a href="#Candy">Candy</a></li>
        <li><a href="#Marshmellow">Marshmellow</a></li>
        <li><a href="#Honey">Honey</a></li>
     </ul>
 </nav>

我的所有部分都是:

<div id="Cakes" class="page">
    <div class="container">
        This is sweet
    </div>
</div>

如何使用鼠标滚轮直接跳到下一个或上一个部分？

目前鼠标滚轮将像往常一样滚动页面.但是我想让它在没有滚动整个页面的情况下跳转到每个部分,只需一个轮子旋转.

Answer 1

您需要获取一个插件来添加鼠标滚轮事件。也许试试这个。它有很好的例子。