名称滚动位置上的 Jquery addClass

Question

我有这段代码可以滚动到 <a name tag> .这一切都很好，但我的问题是:如果我要滚动到新消息，而不是使用链接，我可以让 jQuery 添加一个 active 吗？类到转到链接？

HTML

<a href="#about">Go To</a><li>
<a name="about">New Message</a>

JQUERY

$(function() {
    $('a[href^=#]').click(function(e) {
        var name = $(this).attr('href').substr(1);
        var pos = $('a[name=' + name + ']').offset();
        $('body').animate({
            scrollTop: pos.top
        });
        e.preventDefault();
    });
});

Answer 1

您可以使用这个简单的 Jquery 插件 http://imakewebthings.com/jquery-waypoints/

然后你可以写

$('[name = 'about']').waypoint(function(){
$('[href = '#about']').addClass('active');
});

我还没有测试过，但这是基本思想。