如何防止鼠标滚动和保留菜单导航?

时间:2014-03-18 17:32:29

标签: javascript jquery html menu scroll

有人可以帮助我吗?

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


我已经尝试过使用'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();  
        }
    }
  });
});

1 个答案:

答案 0 :(得分:0)

我解决了这个问题:

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

它可以防止鼠标滚动,保留菜单导航。 希望会有所帮助!