如何用jquery获得页面元素到窗口顶部的距离

时间:2024-10-12 02:59:32

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并徂葛幢捎引入jquery。

如何用jquery获得页面元素到窗口顶部的距离

2、在index.html中的<script>标签,输入jquery代码:

$('body').append($('div').offset().top - $(window).scrollTop());

如何用jquery获得页面元素到窗口顶部的距离

3、浏览器运行index.html页面,此时通过jquery获取到了页面div倒窗口顶部的距离。

如何用jquery获得页面元素到窗口顶部的距离

© 手抄报圈