获取浏览器窗口的尺寸变化时,执行对应的js代码
发布时间:2020-04-02 10:40:25
作者:筱航科技
来源:本站
浏览量(146)
点赞(198)
摘要:获取浏览器窗口的尺寸变化时,执行对应的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 - 长春网站推广 - 长春网络营销 - 长春网站关键词排名 -长春微信小程序 -长春微信商城 -长春分销商城
扫一扫,关注我们
声明:本文由【筱航科技】编辑上传发布,转载此文章须经作者同意,并请附上出处【筱航科技】及本页链接。如内容、图片有任何版权问题,请联系我们进行处理。
198