[Java教程]jQuery如何获取div距离窗口顶部或者父元素顶部的距离

0 2016-01-03 11:00:19

jQuery如何获取div距离窗口顶部或者父元素顶部的距离:

在实际应用或许会需要计算出指定div距离窗口或则它的父元素的顶部的距离,下面就通过实例对此做一下简单的介绍,下面直接看代码实例,然后再进行分析,代码如下:

蚂蚁部落

距离文档顶部距离: 距离父元素顶部的距离: 距离窗口顶部的距离:

以上代码,点击按钮可以在span元素中显示相应的距离尺寸,关于在代码中使用的函数和属性建议参阅相关阅读中的文章,因为里面都进行详细的描述,这里就不做介绍了。

相关阅读:

1.offset()函数可以参阅jQuery的offset()方法一章节。

2.position()函数可以参阅jQuery的position()方法一章节。

3.scrollTop()函数可以参阅jQuery的scrollTop()方法一章节。

4.text()函数可以参阅jQuery的text()方法一章节。

java怎么指定父窗口大小_[Java教程]jQuery如何获取div距离窗口顶部或者父元素顶部的距离...相关推荐

  1. java 微信群发多图文_[Java教程]httpClient实现微信公众号消息群发

    [Java教程]httpClient实现微信公众号消息群发 0 2016-09-21 20:00:10 1.实现功能 向关注了微信公众号的微信用户群发消息.(可以是所有的用户,也可以是提供了微信ope ...

  2. java怎么往右浮动_[Java教程]jQuery实现页面滚动时智能浮动定位

    [Java教程]jQuery实现页面滚动时智能浮动定位 0 2016-08-04 18:00:08 jQuery实现页面滚动时层智能浮动定位_前端开发 * { margin: 0; padding: ...

  3. java 三级菜单栏的添加_[Java教程]jquery实现的三级导航菜单实例代码

    [Java教程]jquery实现的三级导航菜单实例代码 0 2016-01-02 15:00:02 jquery实现的三级导航菜单实例代码: 使用最多的可能是二级导航菜单,所以网上的代码一大堆,三级菜 ...

  4. java下拉框查询_[Java教程]jQuery实现联动下拉列表查询框

    [Java教程]jQuery实现联动下拉列表查询框 0 2015-12-07 18:00:04 厂商:请选择 品牌:请选择 型号:请选择 效果如下: 本文网址:http://www.shaoqun.c ...

  5. java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面)...

    [Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...

  6. java实现团购功能_[Java教程]jquery组件团购倒计时功能

    [Java教程]jquery组件团购倒计时功能 0 2014-05-12 12:00:04 本文网址:http://www.shaoqun.com/a/90954.html *特别声明:以上内容来自于 ...

  7. java提示框easyui风格_[Java教程]jQuery EasyUI 提示框(Messager)用法

    [Java教程]jQuery EasyUI 提示框(Messager)用法 0 2013-10-10 19:00:06 jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的 ...

  8. JAVA返回指定字符串的长度,Java截取指定字节长度的字符串

    在实际的项目中,我们后台的数据库是根据指定编码(如GBK)保存数据的,为防止操作数据库时,因字段值长度超过数据库定义的长度,须在JAVA甚至JS层面做长度的校验控制,如数据库定义的长度是varchar ...

  9. java类全路径简写_[JAVA] JAVA 类路径

    Java 类路径 类路径是所有包含类文件的路径的集合. 类路径中的目录和归档文件是搜寻类的起始点. 虚拟机搜寻类 搜寻jre/lib和jre/lib/ext目录中归档文件中所存放的系统类文件 搜寻再从 ...

最新文章

  1. 面试必备:Java线程池解析
  2. Python - while语句和if语句 的 用法 及 代码
  3. mysql存储过程是不是不能穿sql语句_mysql存储过程能不能直接执行拼接的sql语句...
  4. eclipse各个版本的区别
  5. ssh:Permissions 0644 for ‘/root/.ssh/id_rsa’ are too open
  6. 十四、w、vmstat、top、sar命令
  7. 面向对象的数据库开发--再论ORM
  8. 比较3个购书网站,china-pub,dangdang,joyo(amazon)
  9. 微信小程序登陆流程详详详解 看这一篇就够了
  10. 微信小程序大赛介绍文档
  11. 云科技网络验证源码_【原创】酸酸云科技-网络验证界面版注册机注入工具 V3.2...
  12. 选购新风机的关键知识点
  13. Bilibili到底有多少御坂妹?(二)
  14. python中常用英语口语_常用英语口语100句(超实用)_
  15. 【SemiDrive源码分析】【X9芯片启动流程】20 - MailBox 核间通信机制介绍(代码分析篇)之 MailBox for RTOS 篇
  16. 计算机bios英文翻译,bios中英文对照表
  17. java jtable组件_java中jtable组件详解实例
  18. Python接口自动化测试框架(工具篇)-- 接口测试工具HTTPRUNNER
  19. 基于Python web框架Django+Bootstrap的房源推荐系统
  20. 解决w3wp.exe占用CPU和内存问题

热门文章

  1. mybaits延迟加载原理_Nginx缓存原理及机制
  2. webstorm使用gitee_webstorm 中 git 基本操作
  3. idea新建类包图标_IntelliJ IDEA 常见文件类型的图标介绍
  4. pyecharts查看版本_[pyecharts]v1版本爬坑之旅
  5. orm mysql_PHP基于ORM方式操作MySQL数据库实例
  6. 小记一次考题:生成包含大写字母、小写字母、数字的8位密码
  7. 蓝桥杯 基础练习 高精度加法
  8. JS面向对象之创建对象
  9. 工作笔记-关于工具函数的编写问题
  10. Windows GUI代码与Windows消息问题调试利器