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

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

从国外一图标博客中提取的代码,该博客的地址: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中的部分:<div id='dock_wrap'>
<div id='dock'>
固定内容               
</div>
</div>下面是实例文件下载:

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

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

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

能用axure做出右侧小绿小蓝按钮,并且随鼠标屏幕滚动吗?
页: [1]
查看完整版本: 利用CSS实现DIV在浏览器中位置相对固定,而且IE6下滚动不闪