div距离页面顶部的问题

Question

1.写了一个div距离顶部的距离但是console.log之后为啥位置 一直不变？

2.这是 代码

        $(document).ready(function(){

                

            $(document).scroll(function(){

                var top = $("#ding").offset().top;

                    console.log(top)

            });

        });

Answer 1

你这个是相对于文档的定位 是不会改变的我猜你是要想对于可视窗口的定位 需要减去滚动条的距离 改成下面即可$(document).ready(function(){                            $(document).scroll(function(){                var top = $("#ding").offset().top;                    //                     console.log(top - $(document).scrollTop())            });        });