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实现文字打印动态效果
Apr 21 jQuery
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 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
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
浅析php学习的路线图
2013/07/10 PHP
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
js实现黑白div块画空心的图形
2018/12/13 Javascript
微信小程序自定义带价格显示日历效果
2018/12/29 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
微信小程序中weui用法解析
2019/10/21 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
Python中列表元素转为数字的方法分析
2016/06/14 Python
基于hashlib模块--加密(详解)
2017/06/21 Python
Python Selenium 之关闭窗口close与quit的方法
2019/02/13 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
H5仿微信界面教程(一)
2017/07/05 HTML / CSS
网站域名和主机:Domain.com
2019/04/01 全球购物
高中毕业自我鉴定
2013/12/13 职场文书
大学生蛋糕店创业计划书
2014/01/13 职场文书
利群广告词
2014/03/20 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
人事任命通知
2015/04/20 职场文书
Go语言设计模式之结构型模式
2021/06/22 Golang
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS