网页中的DIV层随着页面移动而移动

2024-12-23 08:58:36
推荐回答(3个)
回答1:





无标题文档






 


a


a


aa



a




 


a




a


aa


a


a


a


a


 


aa


a


a


a


a


a


a


a


a


a


a


a


a


 


a


a


a


a


a


a


a


a


 


 



回答2:

默认情况下单纯CSS就可以实现 就是把定位方式修改一下 比如 position:fixed; 相对于浏览器定位

你可以试试

不过这个在IE6下是不好使的 IE6不支持 所以你得用JS来做

原理就是把定位设置为 position:absolute; 这个定位是相对于BODY定位的 所以当你页面往下拉的时候 要把此DIV的TOP加上滚动条滚动过的距离加上 这样就可以相对于浏览器定位了

回答3:

/*
*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 });
});
};

相关问答