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使用unlock.js插件实现滑动解锁
Apr 04 jQuery
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
jQuery EasyUI开发技巧总结
Sep 26 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
JavaScript枚举选择jquery插件代码实例
Nov 17 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
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
php版微信js-sdk支付接口类用法示例
2016/10/12 PHP
php+websocket 实现的聊天室功能详解
2020/05/27 PHP
JavaScript实现Sleep函数的代码
2007/03/04 Javascript
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
javascript 全等号运算符使用说明
2010/05/31 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
2011/01/08 Javascript
Javascript图像处理—平滑处理实现原理
2012/12/28 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
2016/12/01 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
Javascript刷新页面的实例
2017/09/23 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
2018/03/14 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
Vue实现可移动水平时间轴
2020/06/29 Javascript
从零学Python之入门(四)运算
2014/05/27 Python
详解python 注释、变量、类型
2018/08/10 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
python 实现将文件或文件夹用相对路径打包为 tar.gz 文件的方法
2019/06/10 Python
python中的数组赋值与拷贝的区别详解
2019/11/26 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
用60行代码实现Python自动抢微信红包
2021/02/04 Python
中专生学习生活的自我评价分享
2013/10/27 职场文书
求职信写作要突出重点
2014/01/01 职场文书
学校卫生检查制度
2014/02/03 职场文书
学习保证书
2015/01/17 职场文书
python如何进行基准测试
2021/04/26 Python
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers