随滚动条滚动，动态修改元素class

页面某块内容当页面滚动时，固定在浏览器的一个位置

其实就是改变了便签的class，修改了css属性设置position: fixed；fixed属性可以让便签固定在浏览器某一位置（记得引用jquery框架）

css:

 .css1{
     height:200px;
     width:200px;
     background-color: #000000;
 }
 .css2{
     position: fixed;
     top: 30px;
     left: 150px;
     height:200px;
     width:200px;
     background-color: #000000;
 }

jq:

  $(window).scroll(function(){
         var $block = $(".block");
         var scrollTop = $(document).scrollTop();
         if(scrollTop>=1150){
             $block.addClass("css1");
         } else {
             $block.removeClass("css2");
         }
     });