利用CSS实现DIV在浏览器中位置相对固定，而且IE6下滚动不闪

尹广磊 · 发表于 2010-4-14 00:06:43

从国外一图标博客中提取的代码，该博客的地址：http://icondock.com/

页头部分：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

复制代码

CSS样式部分：

<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
/* body背景图要有，可以是一张空图，否则IE6下滚动时固定内容会闪动 */
body {
background: #666666 url(kong.jpg) fixed left top;
}
/* 460是IE6下top的指定高度 */
* html #dock {
position: absolute;
top: expression((460 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}
/* 76%是非IE6浏览器可以指定百分比top高度 */
#dock_wrap > #dock {
position: fixed;
top: 76%;
}
#dock_wrap {
position: relative;
z-index: 20;
}
-->
</style>

复制代码

页面body中的部分：

复制代码

下面是实例文件下载：

翟彬 · 发表于 2010-10-21 13:53:01

看来要把HTML AJAX JQ等都融入进去才能做出比较绚丽的原型

柒33 · 发表于 2014-2-12 15:44:13

能用axure做出右侧小绿小蓝按钮，并且随鼠标屏幕滚动吗？