折叠菜单不使用锚链接

时间:2015-08-11 09:37:45

标签: javascript jquery html menu collapse

我建立了一个菜单,在您从顶部向下滚动超过250px并在返回顶部时返回其原始状态时折叠。但我的网站有一些链接到主页中间的锚链接。当我直接进入这些链接时,菜单不起作用。我必须先滚动。他们是解决这个问题的方法吗?

这是我使用的代码:

public/1

1 个答案:

答案 0 :(得分:2)

只需在锚点击(或您需要的任何其他事件)上触发滚动事件。

jQuery('a').click(function(){
    jQuery(window).scroll();
});

将代码移到函数中并在滚动时调用它,或者在锚点击时单击:

function checkScroll(){
    if(jQuery(window).scrollTop() > 250)
    {
        // Your code
    }
    else
    {
        // Your code
    }
}

jQuery(window).scroll(function(){ 
    checkScroll();
});

jQuery('a').click(function(){
    checkScroll();
});

第二种解决方案可以为您提供更大的灵活性。