jquery获取元素到屏幕四周可视距离的方法
更新时间：2018年09月05日 11:17:40 作者：空白_回忆
今天小编就为大家分享一篇jquery获取元素到屏幕四周可视距离的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
实例如下：
$(window).height();//是文档窗口高度
$("div").offset().top//是标签距离顶部高度（没有到下面的距离，比如$("div").offset().down）
$("div").offset().left//是标签距离右边高度（没有到下面的距离，比如$("div").offset().right）
$(document).scrollTop();//是滚动条高度
$("div").height();//是标签高度
你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height();
经过简单的数学变换即可得到你要的值了！
以上这篇jquery获取元素到屏幕四周可视距离的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
jQuery的链式操作是如何实现的？为什么要用链式操作？接下来会帮助大家解决这两个问题，感兴趣的朋友可以了解下2013-01-01
本篇文章主要是对jQuery 字体大小的设置方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
基于jQuery实现的Ajax 验证用户名是否存在的实现代码，需要的朋友可以参考下。2011-04-04
这篇文章主要介绍了如何使用CSS3+JQuery实现悬浮墙式菜单,由于现在很流行的基础触摸的web站点可以运行在移动设备上，我认为我们可以让那些基于桌面浏览器的人们使用站点更加简单。,需要的朋友可以参考下2019-06-06
改变图片IMG的链接地址在某些特殊情况下实现特殊的功能还是比较不错的，下面为大家详细介绍下使用jquery改变图片IMG的链接地址，感兴趣的朋友可以参考下哈2013-06-06
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
这篇文章主要介绍了使用element-ui的el-menu导航选中后刷新页面保持当前选中状态，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了jQuery操作元素的内容和样式,结合完整实例形式分析了jquery针对页面元素内容与样式相关操作技巧,需要的朋友可以参考下2020-01-01
下面小编就为大家带来一篇Mui使用jquery并且使用点击跳转新窗口的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
本篇文章小编为大家介绍，关于jquery css的使用介绍。需要的朋友参考下2013-04-04
本篇文章主要是对利用jQuery实现根据生日计算年龄，星座，生肖的示例代码进行了介绍，需要的朋友可以过来参考下2016-11-11
最新评论