Javascript 如何防止鼠标滚动并保留菜单导航？

有人能帮我吗？

我需要防止鼠标滚动并保留菜单导航。
演示网站
Jquery脚本和代码

我已经尝试过“overflow:hidden”（CSS或JS）了，但它也会使菜单变得不稳定

// Scroll Spy
$(window).scroll(function() {
  var top = $(window).scrollLeft() + 100; // Take into account height of fixed menu
  $(".container").each(function() {
    var c_top = $(this).offset().top;
    var c_bot = c_top + $(this).height();
    var hash = $(this).attr("id");
    var li_tag = $('a[href$="' + hash + '"]').parent();
    if ((top > c_top) && (top < c_bot)) {

      if (li_tag.hasClass("active")) {
        return false;
      }
      else {
        li_tag.siblings().andSelf().removeClass("active");
        li_tag.addClass("active");
        $(".menu ul li.active a").slideToPos();  
        }
    }
  });
});

//滚动间谍
$（窗口）。滚动（函数（）{
var top=$（窗口）.scrollLeft（）+100；//考虑固定菜单的高度
$（“.container”）.each（函数（）{
var c_top=$（this）.offset（）.top；
var c_bot=c_top+$（this）.height（）；
var hash=$（this.attr（“id”）；
var li_tag=$（'a[href$=“'+hash+'“]'）。parent（）；
如果（（顶部>c_顶部）和&（顶部

我这样解决了这个问题：

<script type="text/javascript">
        function stop()
        {
            return false;
        }
        document.onmousewheel=stop;

函数停止（）
{
返回false；
}
document.onmouseheel=停止；

它防止鼠标滚动，保留菜单导航。 希望会有帮助

？请点击此处：