牛骨文教育服务平台(让学习变的简单)
博文笔记

jQuery获取窗口大小及窗口大小改变时执行代码

创建时间:2016-04-22 投稿人: 浏览次数:9327

$(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(){
   //执行代码块
});

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。