滚动后如何自动更改活动菜单(菜单导航)?

时间:2014-05-14 21:57:01

标签: javascript jquery html5 dom

我想让我的导航响应,例如在滚动后我想识别位置并更改我的活动菜单, 这是我的网站http://paruyr.bl.ee/ 它适用于点击,但滚动它不显示我的位置。 我想在滚动后自动更改活动菜单。 谢谢

1 个答案:

答案 0 :(得分:1)

当窗口在滚动事件上达到值时,您需要调用click事件的相同功能。

这里是基本示例http://jsfiddle.net/keypaul/uB4PL/23/

的小提琴

JQUERY(我认为你只需要这部分)

$(window).scroll(function() {
    // when window has scrolled 60
    if ($(this).scrollTop() > 60){ 
        //call your function 
        activeMenu();
    }
    else{
        //if you need to back to init situation
        deactiveMenu();
    }

 });

如果您需要使用vanilla javascript或想要了解有关滚动效果的更多信息,请阅读本文http://www.html5rocks.com/it/tutorials/speed/scrolling/http://www.html5rocks.com/en/tutorials/speed/animations/

我也向你报告这个jquery插件 http://imakewebthings.com/jquery-waypoints/