javascript - 滚动到元素后突出显示该元素

Question

这是我正在使用的小提琴：http: //jsfiddle.net/fz5Yk/5/

如您所见，它具有一页滚动导航。我想<strong> </strong>在滚动到某个部分时对标签中的标题实现高亮效果（最好使用 .animate 函数）。只需手动滚动页面，您就会在导航菜单中看到突出显示；滚动部分的项目，但我无法完全解析 js 代码以便将其应用于标题，并且使用 .animate 函数对其进行干预对我来说似乎要困难得多。你能帮助我吗？

Answer 1

插件页面似乎有据可查；https://github.com/davist11/jQuery-One-Page-Nav。

只需在定义内滚动到的位置放置动画即可end:；

$('#nav').onePageNav({
    end: function() {
        //I get fired when the animation is ending
    }
});

测试更新

$(window).scroll(function() {
    var visible_start = window.pageYOffset;
    var window_height = window.innerHeight;
    var section3_height = $('#section-3').height();
    var section3_start = $('#section-3')[0].offsetTop;

    if ((visible_start - window_height >= section3_start) &&
       $('#section-3').css('background-color', 'yellow');
    }
});