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

其实就是改变了便签的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");
}
});
05-18 19:30