我的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;)。我有一个固定的导航栏,需要脚本在顶部留出空间。