文章目录

• 10.9. jquery尺寸相关、滚动事件
• 尺寸相关、滚动事件

10.9. jquery尺寸相关、滚动事件

尺寸相关、滚动事件

1、获取和设置元素的尺寸

width()、height()    获取元素width和height  
innerWidth()、innerHeight()  包括padding的width和height  
outerWidth()、outerHeight()  包括padding和border的width和height  
outerWidth(true)、outerHeight(true)   包括padding和border以及margin的width和height

2、获取元素相对页面的绝对位置

offset()

课堂练习

加入购物车动画

3、获取浏览器可视区宽度高度

$(window).width();
$(window).height();

4、获取页面文档的宽度高度

$(document).width();
$(document).height();

5、获取页面滚动距离

$(document).scrollTop();  
$(document).scrollLeft();

6、页面滚动事件

$(window).scroll(function(){  
    ......  
})

课堂练习

1、置顶菜单

2、滚动到顶部

• 点赞
• 收藏
• 分享
• • 文章举报

汪雯琦 发布了357 篇原创文章 · 获赞 149 · 访问量 2万+ 私信 关注

标签：jquery,滚动,获取,10.9,height,width,day81,尺寸,document
来源： https://blog.csdn.net/qq_35456045/article/details/104126919