jquery - float 菜单，如TheVerge上的评论帖子Jquery

我有这样的代码：

$(".jumper").on("click", function( e ) {

e.preventDefault();

$("body, html").animate({
    scrollTop: $( $(this).attr('href') ).offset().top
}, 600);

});

这就是它的工作方式http://jsfiddle.net/ZVdRt/291/

当他们丰富特定级别时，如何制作一个菜单来改变pilip或Ploop的背景？

对不起，我的语言;）这是帖子http://www.theverge.com/2014/4/14/5608222/samsung-galaxy-s5-review中的TheVerge浮动菜单示例

最佳答案

如果我理解正确，那么您想要的是一旦链接到达目的地（滚动结束），就更改其背景。这可以通过使用animate的完整功能来完成：

$(".jumper").on("click", function( e ) {

    e.preventDefault();

    // reset background for all jumpers, and save current one
    $(".jumper").css("background","");
    obj = this;

    $("body, html").animate(
        {
            scrollTop: $( $(this).attr('href') ).offset().top
        },
        600,
        function() {
            // change background for current jumper when the animation is completed
            $(obj).css("background","black");
        });

});

我希望这就是你的意思。您可以看到它在此链接上起作用：http://jsfiddle.net/ZVdRt/298/（我还为您的#menu css添加了一个z-index，因此关键字不会与它重叠。）