获取浏览器窗口的尺寸变化时,执行对应的js代码

发布时间:2020-04-02 10:40:25 作者:筱航科技 来源:本站 浏览量(59) 点赞(51)
摘要:获取浏览器窗口的尺寸变化时,执行对应的js代码,获取浏览器高度宽度距离等内容!

获取浏览器高度宽度距离等内容

$(window).height(); //浏览器当下窗口可视区域高度
$(document).height(); //浏览器当下窗口文档的高度
$(document.body).height();//浏览器当下窗口文档body的高度
$(document.body).outerHeight(true);//浏览器当下窗口文档body的总高度 包括border padding margin
$(window).width(); //浏览器当下窗口可视区域宽度
$(document).width();//浏览器当下窗口文档对象宽度
$(document.body).width();//浏览器当下窗口文档body的高度
$(document.body).outerWidth(true);//浏览器当下窗口文档body的总宽度 包括border padding margin
$(document).scrollTop(); //获取滚动条到顶部的垂直高度
$(document).scrollLeft(); //获取滚动条到左边的宽度



案例代码

// 窗口大小改变时,执行:
$(window).resize(function(){
  // 屏幕尺寸小于768时执行代码
  if($(window).width() < 768){
    // 要执行的代码
    $(".two-nav").siblings().attr('href', 'javascript:void(0);');
  }
});



筱航科技主营业务: 长春网站建设 - 长春网站制作 -长春网站设计 -长春网站开发 -长春网站优化 -长春网站SEO - 长春网站推广 - 长春网络营销 - 长春网站关键词排名 -长春微信小程序 -长春微信商城 -长春分销商城

二维码

扫一扫,关注我们

声明:本文由【筱航科技】编辑上传发布,转载此文章须经作者同意,并请附上出处【筱航科技】及本页链接。如内容、图片有任何版权问题,请联系我们进行处理。

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

筱航科技-您身边的网站建设专家

搜索千万次不如咨询1次

主营项目:网站建设,网络营销,SEO优化,微信小程序开发,LOGO设计,产品包装设计,虚拟主机,域名注册,网站安全检测,微信商城等

立即咨询 184-4312-4181
在线客服
点此联系在线客服!