Question

有谁知道调用此页面上的jQuery效果是什么？ http://crushlovely.com/

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

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

Answer 1

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

http://www.distractedbysquirrels.com/blog/one-page-layout-with-fixed-navigation-and-jquery/

我称之为“固定菜单/导航”，或者有时人们将其称为“粘性菜单/导航”。通过使用position：fixed CSS并从那里继续工作，它很容易完成。

希望有所帮助

Answer 2

您可以这样做：

获取滚动条的位置，如果该距离更大，那么您添加类激活的div顶部距离

喜欢回到顶部的按钮，类似的东西：

$(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更正此代码，你就可以了。

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

2 个答案: