当前位置：文江博客话题详情

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

发布于 2024-11-25 19:06:41 字数 175 浏览 0 评论 0原文

有谁知道这个页面的jQuery效果叫什么？ http://crushlovely.com/

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

我需要知道这个效果叫什么或者如何重新创建它？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

染火枫林 2024-12-02 19:06:41

我相信您正在寻找类似于此的教程

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

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

希望有帮助

回复收藏 0 原文

坏尐絯℡ 2024-12-02 19:06:41

你可以做这样的事情：

获取滚动条的位置，如果该距离大于 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 更正此代码，就可以了

You can do something like this:

get the position of the scrollbar and if that distance is bigger then the div top distance you add the class activated

like back to top buttons, something like that:

$(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');
  }
});

with that you can create that layout pretty easy,
just remember to correct this code for javascript or jQuery and you'l be fine

回复收藏 0 原文

~没有更多了~