使用 .scrollTop() 作为位置：相对于固定的 jquery 事件

Question

我说我的页面顶部有一个 30px 的标题，并且它已经处于固定位置。我有一个距离标题大约 50px 的 div 框。所以它距离我的浏览器顶部 80px。我正在尝试创建一个 jquery 事件，其中该 div 框将在向下滚动时保持在原位，直到它到达标题底部，然后它将成为固定位置。

我遇到的问题是当我使用 .scrollTop() 时，它接触浏览器的顶部而不是标题的底部，然后它变成固定位置。我尝试过 .scrollTop(30)，但它只是将我的页面放在页面开头 30px 处，并且不会让我滚动到任何地方，它只会抖动回 30px。

这是我现在的jquery函数，有人可以帮我修改它吗？

谢谢！

    $(function() {
        var a = function() {
            var b = $(window).scrollTop();
        //I've tried $(window).scrollTop() + "30px"; and $(window).scrollTop(30);
            var d = $("#notification-anchor").offset().top;
            var c = $("#notification");
            if (b > d) {
                c.css({position:"fixed",top:"30px"});
            } else {
                if(b<=d){
                c.css({position:"relative",top:"0px"});
                }
            }
        };
        $(window).scroll(a);a()
    });

Answer 1

我从@Shedokan 的评论中弄清楚了这一点。

谢谢！