默认情况下单纯CSS就可以实现 就是把定位方式修改一下 比如 position:fixed; 相对于浏览器定位
你可以试试
不过这个在IE6下是不好使的 IE6不支持 所以你得用JS来做
原理就是把定位设置为 position:absolute; 这个定位是相对于BODY定位的 所以当你页面往下拉的时候 要把此DIV的TOP加上滚动条滚动过的距离加上 这样就可以相对于浏览器定位了
/*
*Name: 滚动DIV
*Date: 2011年7月15日10:51
*Arguments: a ==> 对像 || b ==> top值 ||c ==> 滚动速度(默认500ms)
*/
var Util = {};
Util.scrollDIV = function (a,b,c){
var d = $(a);
var s =Util.pageSize.get();
d.css({position:"absolute",top: b+"px"});
$(window).scroll(function (){
var g = parseInt(b) + $(window).scrollTop();
d.animate({top : g+"px" },{ duration: c || 350 , queue:false });
});
};