jQuery 滚动条和浏览器窗口事件

滚动条事件

// 实时监听元素的滚动事件
$(window).scroll(function(){ ... });

$(window).scrollLefft();  // 获取滚动条位置
$(window).scrollTop();    

$(window).scrollTop(200);   // 设置滚动条的位置



## 浏览器窗口事件
// 实时监听浏览器窗口变化事件
$(window).resize(function(){ ... });

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


posted @ 2018-10-18 16:00  不如吃茶去v  阅读(914)  评论(0编辑  收藏  举报