javascript - jQuery 向下滚动到特定段落

Question

js fiddle :https://jsfiddle.net/zxa4h7au/

我想要实现的目标:

使用 jQuery，我希望沿线的点上下移动到用户滚动的段落点。例如，起点是“PARAGRAPH”，然后如果我向下移动到“ANOTHER PARAGRAPH”，则点将向下移动到该页面。

我尝试使用 scroll 和 animate 但这不起作用:

 $(document).scrollDown(function(e) {

    $("#badge").animate({
        'marginTop' : "+=4000"
        });

});

有人可以告诉我我哪里出了问题吗？或者是否有其他方法可以实现我想要做的事情。

Answer 1

也许我没明白。您只需要蓝点随着页面流向下滚动并向上滚动，对吗？

您可以通过两种方式实现这一目标:

1 - CSS 解决方案:只需为徽章提供此属性“position:fixed”，然后将其放置在正确的位置(在线居中，顶部值如 0 或 10px；

2 - jQuery 解决方案:检查这个 fiddle https://jsfiddle.net/zxa4h7au/1/

$(window).scroll(function(e) {
    var scrollTop = $(window).scrollTop();
    $("#badge").css({
        'marginTop' : scrollTop
    });
});

这是您需要的还是不同的东西？