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中关于Ajax的几个常用的函数
Jul 17 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 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
德劲1107的电路分析与打磨
2021/03/02 无线电
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
php SQL Injection with MySQL
2011/02/27 PHP
PHP中::、->、self、$this几种操作符的区别介绍
2013/04/24 PHP
php mail to 配置详解
2014/01/16 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
JavaScript去除空格的几种方法
2006/10/03 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
js/jquery解析json和数组格式的方法详解
2014/01/09 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
JavaScript中双叹号!!作用示例介绍
2014/09/21 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
详解VueJs异步动态加载块
2017/03/09 Javascript
jQuery用noConflict代替$的实现方法
2017/04/12 jQuery
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
2020/08/14 Javascript
探索node之事件循环的实现
2020/10/30 Javascript
python和C语言混合编程实例
2014/06/04 Python
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
python实现BackPropagation算法
2017/12/14 Python
Python正则表达式学习小例子
2020/03/03 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
keras 自定义loss model.add_loss的使用详解
2020/06/22 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
Python下使用Trackbar实现绘图板
2020/10/27 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
使用Python爬取小姐姐图片(beautifulsoup法)
2021/02/11 Python
集体婚礼证婚词
2014/01/13 职场文书
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
2015年乡镇信访工作总结
2015/04/07 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书