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

How can I change active menu (menu navigation) automatically after scrolling?

本文关键字：菜单 活动 导航 滚动      更新时间：2023-09-26

我想让我的导航响应，例如在滚动后，我想识别位置和改变我的活动菜单，这是我的网站http://paruyr.bl.ee/它的工作与点击，但滚动它不显示我的位置。我想在滚动后自动更改活动菜单。谢谢你

当窗口达到滚动事件的值时，您需要调用与单击事件相同的函数

下面是基本示例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();
    }
 });

如果您需要普通javascript或想了解更多关于滚动性能的信息，请阅读本文http://www.html5rocks.com/it/tutorials/speed/scrolling/和http://www.html5rocks.com/en/tutorials/speed/animations/

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

相关文章：