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的评论中找到答案。

谢谢！

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

1 个答案: