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卸载全部事件的思路详解
Apr 03 jQuery
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
jQuery EasyUI开发技巧总结
Sep 26 jQuery
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jquery+php后台实现省市区联动功能示例
May 23 jQuery
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
jquery ajax 请求小技巧实例分析
Nov 11 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
一拳超人中怪人协会钦定! S级别最强四人!
2020/03/02 日漫
php中$_REQUEST、$_POST、$_GET的区别和联系小结
2011/11/23 PHP
yii中widget的用法
2014/12/03 PHP
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
JQuery 弹出框定位实现方法
2010/12/02 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
JavaScript实现图片DIV竖向滑动的方法
2015/04/25 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
JavaScript中Math对象的方法介绍
2017/01/05 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
js实现简单点赞操作
2020/03/17 Javascript
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
Vue+Java+Base64实现条码解析的示例
2020/09/23 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
Matplotlib 生成不同大小的subplots实例
2018/05/25 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
解决yum对python依赖版本问题
2019/07/05 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
python定义类self用法实例解析
2020/01/22 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
2017/09/24 全球购物
澳大利亚美容产品及化妆品在线:Activeskin
2020/06/03 全球购物
会计实习生自我鉴定
2013/12/12 职场文书
药品采购员岗位职责
2014/02/08 职场文书
公司介绍信范文
2015/01/31 职场文书
党小组考察意见
2015/06/02 职场文书
不知如何爱孩子,这些方法教会您
2019/08/06 职场文书
Python语言规范之Pylint的详细用法
2021/06/24 Python
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL