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 29 jQuery
Jquery把获取到的input值转换成json
May 15 jQuery
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
jQuery实现火车票买票城市选择切换功能
Sep 15 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
jquery添加div实现消息聊天框
Feb 08 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
jQuery实现简单QQ聊天框
Aug 27 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实现WEB动态网页静态
2006/10/09 PHP
微信支付开发发货通知实例
2016/07/12 PHP
PHP多维数组元素操作类的方法
2016/11/14 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
使用Vue完成一个简单的todolist的方法
2017/12/01 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
用Python编写web API的教程
2015/04/30 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
使用Python做垃圾分类的原理及实例代码附源码
2019/07/02 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
通过HTML5 Canvas API绘制弧线和圆形的教程
2016/03/14 HTML / CSS
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
C++是不是类型安全的
2014/02/18 面试题
基督教婚礼主持词
2014/03/14 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
聘任合同书
2015/09/21 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
九年级历史教学反思
2016/02/19 职场文书
用python开发一款操作MySQL的小工具
2021/05/12 Python
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android