下面的代码功能,是Jquery实现的,功能是:让ID为KK的DIV对象,跟随鼠标滚动或垂直滚动条的改变,始终浮动在页面的底部位置。
$(document).ready(function(){
var temp=$(document).scrollTop();
$(window).scroll(function (){
var offsetTop=680+getScrollTop();
var offsetTopStr=offsetTop+"px";
$("#kk").animate({top : offsetTopStr },{ duration:500 , queue:false });
});
$(window).scroll();
});
function getScrollTop() {
var scrollPos;
if (window.pageYOffset) {
scrollPos = window.pageYOffset; }
else if (document.compatMode && document.compatMode != 'BackCompat')
{ scrollPos = document.documentElement.scrollTop; }
else if (document.body) { scrollPos = document.body.scrollTop; }
return scrollPos;
}
div层的内容大体如下:
<div id="kk" style="position:absolute;z-index:9999;">
这里是层的内容,你可以修改的
</div>