惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

N
Netflix TechBlog - Medium
Blog — PlanetScale
Blog — PlanetScale
Google DeepMind News
Google DeepMind News
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
F
Fortinet All Blogs
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Stack Overflow Blog
Stack Overflow Blog
人人都是产品经理
人人都是产品经理
H
Hackread – Cybersecurity News, Data Breaches, AI and More
L
LangChain Blog
Microsoft Security Blog
Microsoft Security Blog
Apple Machine Learning Research
Apple Machine Learning Research
Y
Y Combinator Blog
阮一峰的网络日志
阮一峰的网络日志
博客园_首页
IT之家
IT之家
V
V2EX
C
Check Point Blog
MongoDB | Blog
MongoDB | Blog
Last Week in AI
Last Week in AI
B
Blog
J
Java Code Geeks
大猫的无限游戏
大猫的无限游戏
雷峰网
雷峰网

博客园 - ShelleyZhang

C#操作xml SelectNodes,SelectSingleNode总是返回NULL 与 xPath 介绍 ODBC驱动重新注册 .net用OLEDB方式操作SqlServer和Sybase .net 连接 Sybase 影响行数问题——续 .net 连接 Sybase 影响行数问题 下载最新全国邮编数据库 windows 7(x86) IE8 下的 owc Who knows Microsoft.XMLDOM相关资料 XML to Excel - ShelleyZhang 使用windows7的System帐户 C# 位域[flags] - ShelleyZhang - 博客园 VS.NET 控件命名规范 DNN初探(第二小时) DNN 初探(第一小时) 工作总结(临时存放一下) 中文vs2008安装 mvc 1 今天到了1000分了,庆祝一下 asp超过响应缓冲区限制的解决方法
悬浮框实现
ShelleyZhang · 2011-11-01 · via 博客园 - ShelleyZhang

悬浮框实现

样式: 

  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  阅读(279)  评论(0)    收藏  举报