jQuery CSS 操作函数以及scroll()相关方法的应用

jQuery CSS 操作函数

下面列出的这些方法设置或返回元素的 CSS 相关属性。

CSS 属性 描述
css() 设置或返回匹配元素的样式属性。
height() 设置或返回匹配元素的高度。
offset() 返回第一个匹配元素相对于文档的位置。
offsetParent() 返回最近的定位祖先元素。
position() 返回第一个匹配元素相对于父元素的位置。
scrollLeft() 设置或返回匹配元素相对滚动条左侧的偏移。
scrollTop() 设置或返回匹配元素相对滚动条顶部的偏移。
width() 设置或返回匹配元素的宽度。

定义和用法

当用户滚动指定的元素时,会发生 scroll 事件。
scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。
scroll()方法触发 scroll 事件,或规定当发生 scroll 事件时运行的函数。

语法

触发被选元素的 scroll 事件:
$(selector).scroll()
添加函数到 scroll 事件:
$(selector).scroll(function)

滚动条距离页面顶部的距离:$(window).scrollTop()
某selector滚动到距离页面顶部100px:$('selector').scrollTop(100)
某selector距离页面顶部的距离:$('selector').offset().top

自由转载-非商用-非衍生-保持署名(创意共享3.0许可证
评论