jQuery-菜单滚动项效果示例-它叫什么?

jQuery-菜单滚动项效果示例-它叫什么?,jquery,scroll,effects,Jquery,Scroll,Effects,有人知道这个页面上的jQuery效果叫什么吗 向下滚动页面时,会根据滚动位置选择不同的左侧菜单项 我需要知道效果是什么,或者如何重新创建它?我相信您正在寻找一个与此相关的教程 我会称之为“固定菜单/nav”,或者有时人们称之为“粘性菜单/nav”。通过使用position:fixedcss并从那里开始工作,它非常容易完成 希望这有帮助您可以这样做: 获取滚动条的位置,如果该距离大于您添加的类激活的div top距离 类似于返回顶部按钮,类似于: $(window).scroll(functio

有人知道这个页面上的jQuery效果叫什么吗

向下滚动页面时,会根据滚动位置选择不同的左侧菜单项


我需要知道效果是什么,或者如何重新创建它?

我相信您正在寻找一个与此相关的教程

我会称之为“固定菜单/nav”,或者有时人们称之为“粘性菜单/nav”。通过使用position:fixedcss并从那里开始工作,它非常容易完成


希望这有帮助

您可以这样做:

获取滚动条的位置,如果该距离大于您添加的类激活的div top距离

类似于返回顶部按钮,类似于:

$(window).scroll(function () {
  if ($(window).scrollTop() > element1_top_distance) {
    element1.addClass('active');
  } else if ($(window).scrollTop() > element2_top_distance) {
    element2.addClass('active');
  } else if ($(window).scrollTop() > element3_top_distance) {
    element3.addClass('active');
  } else if ($(window).scrollTop() > element4_top_distance) {
    element4.addClass('active');
  }
});
这样你就可以很容易地创建布局,
只要记住为javascript或jQuery更正这段代码,您就会没事了

我不知道答案,但适当的代码在。