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 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jQuery上传插件webupload使用方法
Aug 01 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
jquery层次选择器的介绍
Jan 18 jQuery
jQuery实现评论模块
Aug 19 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
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
2016/05/04 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
input file上传 图片预览功能实例代码
2016/10/25 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
2017/02/10 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
JScript实现表格的简单操作
2017/08/15 Javascript
Vue中父子组件通讯之todolist组件功能开发
2018/05/21 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
原生JS实现的简单小钟表功能示例
2018/08/30 Javascript
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
基于Node.js的大文件分片上传示例
2019/06/19 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
基于Vue和Element-Ui搭建项目的方法
2019/09/06 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
2020/01/21 Javascript
纯JS开发baguetteBox.js响应式画廊插件
2020/06/28 Javascript
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
python使用urllib2模块获取gravatar头像实例
2013/12/18 Python
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
用C++封装MySQL的API的教程
2015/05/06 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
python代码实现猜拳小游戏
2020/11/30 Python
Python实现我的世界小游戏源代码
2021/03/02 Python
令人印象深刻的自荐信
2014/05/25 职场文书
导师工作推荐信
2015/03/27 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL
解决pytorch-gpu 安装失败的记录
2021/05/24 Python