html 左侧固定位置,侧边栏位置“半”固定css

HTML

CSS

.abs { position: absolute; }

.fixed {

position: fixed;

top: 30px !important;}

#sidebar {

top: 150px;

left: 0;

height: 100px;

width: 20px;

background-color: #ccc;}

.wrapper {

height: 1500px;

padding: 20px;}

jQuery的

$(document).scroll(function() {

var scrollPosition = $(document).scrollTop();

var scrollReference = 10;

if (scrollPosition >= scrollReference) {

$("#sidebar").addClass('fixed');

} else {

$("#sidebar").removeClass('fixed');

$("#sidebar").addClass('abs');

};

});

这段代码的演示：

是内容的例子.