如何将“部分”更改为可更改的类或ID?

时间:2019-04-16 20:42:38

标签: javascript jquery

我的onepager有这个运行良好的代码,因此需要更改目标。如何将“节”更改为任何类或ID?

我试图添加一个类似('.target')的类,但是它不起作用。

var sections = $('section')
  , nav = $('nav')
  , nav_height = nav.outerHeight();

$(window).on('scroll', function () {
  var cur_pos = $(this).scrollTop();

  sections.each(function() {
    var top = $(this).offset().top - nav_height,
        bottom = top + $(this).outerHeight();

    if (cur_pos >= top && cur_pos <= bottom) {
      nav.find('a').removeClass('active');
      sections.removeClass('active');

      $(this).addClass('active');
      nav.find('a[href="#'+$(this).attr('id')+'"]').addClass('active');
    }
  });
});

我需要此代码与类或id一起使用,以具有与部分不同的目标。

对我来说,其他解决方案还可以是:在滚动时添加类似内容(顶部:-100px;)。我有一个固定的导航栏,需要脚本在顶部留出空间。

0 个答案:

没有答案