随滚动条滚动，动态修改元素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");
        }
    });