页面滚动条上的jQuery活动类

Question

这是代码：http://jsfiddle.net/5UzfT/

滚动浏览内容时如何添加活动类？

Answer 1

我假设它是假设有效的菜单项，如果是，请将this添加到您的链接：

<a href="#" onClick="Animate2id('#c1', this);return false">Content 1</a>

并且做：

<script type="text/javascript">
  function Animate2id(id2Animate, elm){
    $(elm).addClass('active').siblings().removeClass('active');
    var animSpeed=1500; //animation speed
    var easeType="easeInOutExpo"; //easing type
    $("html, body").stop().animate({scrollTop: $(id2Animate).offset().top}, animSpeed, easeType);
  }
</script>

FIDDLE

这仅在单击菜单时有效！

Answer 2

看看这个

http://imakewebthings.com/jquery-waypoints/

在向下滚动时，检查上面的菜单更改了活动焦点。