j查询向下滚动到特定段落

jQuery on scroll down to specific paragraph

本文关键字：段落 滚动 查询      更新时间：2023-09-26

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

我想要实现的目标：

使用 jQuery，我希望沿线的点上下移动到用户滚动的段落点。 因此，例如，起点将是"段落"，然后如果我向下移动到"另一个段落"，那么点将向下移动到该页面。

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

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

谁能告诉我我在这里出了问题？或者如果有另一种方法可以实现我想要做的事情。

也许我不明白。你只需要你的蓝点向下滚动并随着你的页面流向上滚动，对吧？

您可以通过两种方式实现此目的：

1 - CSS解决方案：只需将此属性"位置：固定"提供给徽章，然后将其放置在正确的位置（以行为中心，顶部值为0或10px;

2 - jQuery解决方案：检查这个小提琴 https://jsfiddle.net/zxa4h7au/1/

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

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

相关文章：