一个鼠标滑动的JS应用实例

实现导航置顶

$(function(){
      $(window).scroll(function(){
        if($window).scrollTop()>=200{
               $(".nav").addClass(".fixedTop");
}else{
    $(".nav").removeClass(".fixedTop");

}

});

})

同理，不仅可以实现导航置顶，还可以实现更多的特效，比如导航变透明啊，什么的。

同理也可以应用于“返回顶部”功能。（什么时候出现返回顶部的div等等）

其实网上有大把的置顶的js插件，但为什么要明白这样的实现代码呢？因为明白了实现代码，就可以根据自己的情况，在js插件基础上去修改代码而定制自己想要的效果。

有时候，甚至会达到少用js插件的效果。就算是用一些UI框架，要定制自己的效果，也要明白代码，这样可用自己修改定制。