Javascript jQuery在向下滚动到特定段落时

Javascript jQuery在向下滚动到特定段落时,javascript,jquery,html,css,Javascript,Jquery,Html,Css,js小提琴: 我正在努力实现的目标: 使用jQuery,我希望行中的点上下移动到用户滚动的段落点。例如,起点是“段落”,如果我向下移动到“另一段落”,圆点就会向下移动到该页 我已尝试使用滚动和动画,但这不起作用: $(document).scrollDown(function(e) { $("#badge").animate({ 'marginTop' : "+=4000" }); }); 谁能告诉我哪里出了问题?或者如果有其他方法来实现我想做的事

js小提琴:

我正在努力实现的目标:

使用jQuery,我希望行中的点上下移动到用户滚动的段落点。例如,起点是“段落”,如果我向下移动到“另一段落”,圆点就会向下移动到该页

我已尝试使用
滚动
动画
,但这不起作用:

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

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

});

谁能告诉我哪里出了问题?或者如果有其他方法来实现我想做的事情。

也许我不明白。你只需要你的蓝点向下滚动和向上滚动页面流,对吗

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

1-CSS解决方案:只需将此属性“position:fixed”赋予徽章,然后将其放置在正确的位置(以直线为中心,顶部值为0或10px

2-jQuery解决方案:检查此小提琴


这是你需要的还是不同的东西?

也许我不明白。你只需要你的蓝点向下滚动,然后随着页面流向上滚动,对吗

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

1-CSS解决方案:只需将此属性“position:fixed”赋予徽章,然后将其放置在正确的位置(以直线为中心,顶部值为0或10px

2-jQuery解决方案:检查此小提琴


这是你需要的还是其他的东西?

是的,类似的东西,但它会向下滚动..与文本一起,使圆点出现--但与动画一起?如果感觉圆点与你一起滚动,此时看起来圆点只是静止的OK,那么让我们尝试Zenone方法。现在更好吗?是的,类似于此的东西,但是它会向下滚动..随着文本,圆点会出现--但是随着动画?所以如果感觉圆点在滚动,在那一刻看起来圆点只是静止的OK,那么让我们尝试使用Zenone方法。现在更好了吗?
$(window).scroll(function(e) {
    var scrollTop = $(window).scrollTop();
    $("#badge").css({
        'marginTop' : scrollTop
    });
});