鼠标滚动时的jQuery转到下一个ID

Question

我试图制作一个脚本，当我向下滚动时转到下一个id，而当我向上滚动时转到上一个id。

我只让它与可以工作的click()一起工作，但是我需要相同的代码才能在mousewheel()

这是我的代码：

    <div id="sidebar"> 

       <ul>
            <li><a id = "first_info" href="#">1</a></li>
            <li><a id = "second_info" href="#">2</a></li>
            <li><a id = "third_info" href="#">3</a></li>
            <li><a id = "fourth_info" href="#">4</a></li>
            <li><a id = "fifth_info" href="#">5</a></li>
            <li><a id = "sixth_info" href="#">6</a></li>
        </ul>
    </div>

$("#sidebar > ul > li > a").click(function(e) { 
      // Prevent a page reload when a link is pressed
    e.preventDefault(); 
      // Call the scroll function
    goToByScroll($(this).attr("id"));        
});

这是当我单击列表项时起作用的代码，这是我尝试在鼠标滚轮上使用的代码，但没有成功。

$('body').mousewheel(function(event, delta) {


    if (delta > 0) {
    $("#sidebar > ul > li > a").attr("id")); 
    } else {
            $("#sidebar > ul > li > a").attr("id")); 
    }

    event.preventDefault();
});

Answer 1

尝试这个

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
       window.location.href = "#down";
   } else {
      // upscroll code
       window.location.href = "#up";
   }
   lastScrollTop = st;
});