jquery获取元素到屏幕四周可视距离的方法


Posted in jQuery onSeptember 05, 2018

实例如下:

$(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 相关文章推荐
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
关于jQuery库冲突的完美解决办法
May 20 jQuery
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
jquery+css实现侧边导航栏效果
Jun 12 jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 #jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 #jQuery
使用jQuery给Table动态增加行、清空table的方法
Sep 05 #jQuery
jQuery常见的遍历DOM操作详解
Sep 05 #jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 #jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 #jQuery
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 #jQuery
You might like
php下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
wordpress安装过程中遇到中文乱码的处理方法
2015/04/21 PHP
利用PHP脚本在Linux下用md5函数加密字符串的方法
2015/06/29 PHP
Yii框架实现的验证码、登录及退出功能示例
2017/05/20 PHP
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
详解如何让Express支持async/await
2017/10/09 Javascript
mui框架移动开发初体验详解
2017/10/11 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
python获取本机mac地址和ip地址的方法
2015/04/29 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
企业内部培训方案
2014/02/04 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
教师党员个人整改措施材料
2014/09/16 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
2015关于重阳节的演讲稿
2015/03/20 职场文书
论文评审意见
2015/06/05 职场文书
2019秋季运动会口号
2019/06/25 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
python爬虫selenium模块详解
2021/03/30 Python
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android