javascript - div距离页面顶部的问题

问题描述

问 题

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

2.这是 代码

        $(document).ready(function(){
                
            $(document).scroll(function(){
                var top = $("#ding").offset().top;
                    console.log(top)
            });
        });

解决方案

你这个是相对于文档的定位 是不会改变的
我猜你是要想对于可视窗口的定位 需要减去滚动条的距离 改成下面即可

$(document).ready(function(){
                
            $(document).scroll(function(){
                var top = $("#ding").offset().top;
                    // 
                    console.log(top - $(document).scrollTop())
            });
        });

这篇关于javascript - div距离页面顶部的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！