有人可以帮助我吗?
我需要阻止鼠标滚动并保留菜单导航。
演示网站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();
}
}
});
});
答案 0 :(得分:0)
我解决了这个问题:
<script type="text/javascript">
function stop()
{
return false;
}
document.onmousewheel=stop;
它可以防止鼠标滚动,保留菜单导航。 希望会有所帮助!