悬浮框实现
样式:
position:fixed;
top:60px;
left:135px;
top:60px;
left:135px;
写上样式可能你会发现依然不起作用,有一点特别容易忽略,需要有:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个特别重要!!!
当然也可以通过设置 position:absolute和left,top实现,但是它不会随着拖动滚动条而变化,就需要写:
window.onscroll=function(){
//动态设置top
}
}
这样会产生的问题是,悬浮框随着拖动滚动条有跳跃的感觉。