我有这段代码可以滚动到 <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();
});
});
最佳答案
您可以使用这个简单的 Jquery 插件 http://imakewebthings.com/jquery-waypoints/
然后你可以写
$('[name = 'about']').waypoint(function(){
$('[href = '#about']').addClass('active');
});
我还没有测试过,但这是基本思想。
关于名称滚动位置上的 Jquery addClass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25388775/