jq 导航栏吸顶

html

<div class="head">
		11111
</div>
<div class="ggg" style="height:1000px;">
		11111
</div>

js

document.onscroll = function(){
   var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
        console.log(scrollTop)
        //  当滚动超过 500 时，实现吸顶效果
        if (scrollTop > 500) {
         $('.head').css({'background':'#0A72F2'})
        } else {
          $('.head').css({'background':'none'})
        }
}