监听滚动条的滚动事件

当滚动条滚动时，会触发onscroll事件。

如果用jQuery设置监听，可以写成

$(selector).scroll(function(event){

    ......

})

 

给显示滚动条的元素的scrollTop属性赋值，则指定滚动条滚动到哪里。单位是px。

 

将元素css的overflow属性设置成overflow:hidden时，表示隐藏滚动条，滚动条实际上仍存在。假如有一个div，高度是100px，但是内容是200px，它设置成overflow:hidden，当用ctrl+f调出浏览器的搜索框搜索时，如果在超出150px的位置搜索到了指定的文字，则div的内容会自动滚动到150px处(IE和Chrome支持)，同时会触发滚动条的滚动事件。同样，我们也可以通过scrollTop属性，设置div的滚动条“滚动”到哪里，显示出超出100px的部分的内容。