悬浮框实现

样式: 

  position:fixed;
  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
}

 这样会产生的问题是,悬浮框随着拖动滚动条有跳跃的感觉。

 

posted @ 2011-11-01 19:04  ShelleyZhang  阅读(270)  评论(0编辑  收藏  举报