美文网首页
尺寸相关、滚动事件

尺寸相关、滚动事件

作者: BJ000 | 来源:发表于2019-11-04 09:18 被阅读0次

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).height();

4、获取页面高度

$(document).height();

5、获取页面滚动距离

$(document).scrollTop(); 

$(document).scrollLeft();

6、页面滚动事件

$(window).scroll(function(){ 

    ...... 

})

实例

1、层级菜单

2、选项卡

3、置顶菜单

4、滚动到顶部

6、手风琴效果

5、无缝滚动

相关文章

  • 尺寸相关、滚动事件

    1、获取和设置元素的尺寸 2、获取元素相对页面的绝对位置 .offset()3、获取可视区高度 4、获取页面高度 ...

  • 尺寸相关、滚动事件

    1、获取和设置元素的尺寸 width()、height() 获取元素width和height innerWidt...

  • jquery尺寸相关,滚动事件

    获取和设置元素的尺寸 获取元素相对页面的绝对位置 获取浏览器可视区宽度高度 获取页面文档的宽度高度 获取页面滚动距...

  • jquery尺寸相关、滚动事件

    1、获取和设置元素的尺寸 width()、height() 获取元素width和heightinnerWid...

  • jquery尺寸相关、滚动事件

    1、获取和设置元素的尺寸 width()、height() 获取元素width和height innerWidt...

  • jQuery事件

    尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height()获取元素width和heightin...

  • jQuery事件

    尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height()获取元素width和heightin...

  • 2019-06-172019-06-14(前端第十五节知识点(j

    尺寸相关、滚动事件: 1、获取和设置元素的尺寸 width()、height() 获取元素width和heigh...

  • 2019-06-17

    尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height() 获取元素width和height...

  • 10-jQuery02

    尺寸相关、滚动事件 1、获取和设置元素的尺寸 加入购物车demo 2、获取元素相对页面的绝对位置 3、获取浏览器可...

网友评论

      本文标题:尺寸相关、滚动事件

      本文链接:https://www.haomeiwen.com/subject/ikerbctx.html