页面往下拉后 导航条会加上一个样式 这个事件如何做呢

页面往下拉后 导航条会加上一个样式 这个事件怎么做呢？



比如百度这个ID为head的层， 最开始是没有class的，当页面往下拉到一个临界值时，就给它增加一个"s_down"的样式。当我把页面又拉到顶端的时候，这个样式又被去掉了。

我知道用$("#head").addClass('s_down')来赋样式。 但怎么监测何时执行这个事件呢？  
------解决方案--------------------
window.onscroll事件