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插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
JQuery判断正整数整理小结
Aug 21 jQuery
jQuery EasyUI开发技巧总结
Sep 26 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
jQuery实现滑动开关效果
Aug 02 jQuery
html中两种获取标签内的值的方法
Jun 16 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中分页及SqlHelper类用法实例
2017/01/12 PHP
Js callBack 返回前一页的js方法
2008/11/30 Javascript
JSON 入门指南 想了解json的朋友可以看下
2009/08/26 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
2015/09/14 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
原生js实现查询天气小应用
2016/12/09 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
JS实现图片居中悬浮效果
2017/12/25 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
Python迭代用法实例教程
2014/09/08 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
Python对切片命名的实现方法
2018/10/16 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
PyQt5实现让QScrollArea支持鼠标拖动的操作方法
2019/06/19 Python
PyTorch中的Variable变量详解
2020/01/07 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
如何实现更换Jupyter Notebook内核Python版本
2020/05/18 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
如何用python免费看美剧
2020/08/11 Python
html5 application cache遇到的严重问题
2012/12/26 HTML / CSS
html5图片上传预览示例分享
2014/04/14 HTML / CSS
如何现实servlet的单线程模式
2014/08/05 面试题
化学教师教学反思
2014/01/17 职场文书
创业计划书如何编写
2014/02/06 职场文书
党员自我剖析材料
2014/08/31 职场文书
2015年医药代表工作总结
2015/04/25 职场文书
2015年幼儿园班主任工作总结
2015/05/12 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL
vue实现在data里引入相对路径
2022/06/05 Vue.js
Python如何将list中的string转换为int
2022/07/15 Ruby