javascript - 滚动页面后如何将贴纸保持在相同位置而不固定它？

Question

我正在尝试在用户停止滚动时移动标签。

我已经把我的贴纸放在右上角的位置，我希望如果用户滚动了窗口，那么它会显示随窗口滚动，但是当用户停止滚动时，我希望那个贴纸在它的真实位置，(右顶 Angular )。

我不知道该怎么做。

这是我到目前为止尝试过的方法。

$(document).ready(function() {

    var sticker = $("#sticker");

    var pos = sticker.position();                    

    $(window).scroll(function(e) {
        var s = $(this).scrollTop(),
            d = $(document).height(),
            c = $(this).height();

        scrollPercent = (s / (d - c));

        var position = (scrollPercent * ($(document).height() - sticker.height()));

        sticker.css({
            'top': position
        });
    });

});

Check here.

请帮忙。

[编辑]

我真的很抱歉。我没有明确提到我的问题。我希望我的贴纸随正文内容滚动，但在停止滚动后，它应该向上/向下移动，并在右上角有一些滑动效果。我不想在滚动时或最后修复标签。我四处搜索，但没有找到任何有用的东西。

也许可以通过其他方式完成，例如使用一些贴纸插件或一些技巧。那么有人可以给我一些提示或任何技巧吗？

谢谢。

Answer 1

您应该在 css 中使用固定定位。这样，无论进行何种滚动，贴纸都将始终位于屏幕的右上角。

例如:

<div class="sticker">Sticker</div>

.sticker {
    position: fixed;
    top: 0;
    right: 0;
}