用JS或者jQuery可以监听浏览器窗口的变化吗

用JS或者jQuery可以监听浏览器窗口的变化吗,第1张

试试resize事件

$(window)resize(function() {

var width = $(this)width();

var height = $(this)height();

});

不过resize事件好像对框架不起作用

$(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();

经过简单的数学变换即可得到你要的值了

获取页面某一元素的绝对X,Y坐标,可以用offset():

var X = $(‘#DivID’)offset()top;

var Y = $(‘#DivID’)offset()left;

获取相对(父元素)位置:

var X = $(‘#DivID’)position()top;

var Y = $(‘#DivID’)position()left;

通过getBoundingClientRect方法获取对象位置,包含: left , top , right , bottom 4个参数值。

这是jquery在18版本以上的问题。

在html文件最前面添加<!DOCTYPE html>即可解决问题

参考stackoverflow

以上就是关于用JS或者jQuery可以监听浏览器窗口的变化吗全部的内容,包括:用JS或者jQuery可以监听浏览器窗口的变化吗、jquery怎么获取元素距离屏幕的位置、JQuery中使用$(window).height()返回值不是窗口高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9267977.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存