将div固定在页面某处 兼容ie6

一、样式：

?





1

2

3

4

5

6

7

8

<style>

body,div{ margin:0; padding:0}

.wrap{width:1000px; margin:0 auto}

.info{width:1000px; height:40px;background:#f2f2f2; text-align:center; font:normal 14px/40px ‘Microsoft YaHei‘; color:#333}

*html{background-image:url(about:blank);background-attachment:fixed}/*ie6下去抖动*/

.div-pos-top{position:fixed;top:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));z-index:2000}/*居于页面顶部*/

.div-pos-bottom{position:fixed;bottom:0; _position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.offsetHeight-0)}<br>/*居于页面底部*/

</style>

二、html代码：

?





1

2

3

4

<div class="wrap">

      <div class="div-pos-top"><div class="info">我固定在页面顶部</div></div>

      <div class="div-pos-bottom"><div class="info">我固定在页面底部</div></div>

 </div>

将div固定在页面某处 兼容ie6,码迷,mamicode.com

时间： 2024-10-13 20:56:01

将div固定在页面某处 兼容ie6的相关文章

js把div固定在页面的右下角

http://www.ablanxue.com/prone_2866_1.html window.parent.onscroll = window.parent.onresize =  window.onload =function () { var oFix_box = document.getElementById('select-panel'); var oscrollTop = window.parent.document.documentElement.scrollTop || win

返回顶部的功能 div固定在页面位置不变

1.你在网上搜索的时候,可能会搜索到div固定在页面上,不随滚动条滚动而滚动是用CSS写的,写法是position:fixed;bottom:0; 但是这个在iframe满地跑的页面实际开发中,有啥用呢?反正我用了感觉没啥用. 2.还有一种就是JS控制了.我写的是随着滚动滚动 ,计算div的绝对与可视页面的位置不变. $(window.parent).on('scroll',function(){ $(返回顶部所在div选择器).css('top',parent.document.documen

滚动条到某一位置时，该div固定在页面头部

<script>    $(window).scroll(function() {        if ($(window).scrollTop() > 253) {            $(".nav img").css("position", "fixed");            $(".nav img").css("top", "0");        }

在页面左右一个悬浮div兼容IE6 IE7 8 9 Firefox chrome

#identifier-pannel { bottom: 345px; margin-left: 512px; position: fixed; _position: absolute; left: 50%; width: 110px; _top: expression(eval(document.documentElement.scrollTop || document.body.scrollTop) +eval(document.documentElement.clientHeight ||

如何让DIV模块随着页面固定和不固定随意切换

最近做公司官网,左边文章列表,右边文章详情,要求左边文章列表随着页面向上滚动到某个位置时,固定在页面顶部,当滚动到footer出现时,div模块随页面滚动而不再固定在顶部. 思路: 1,给外层的div设置position:relative; 2,判断div块到达页面顶部时,设置fixed固定属性 3,判断左边div块的距离滚动条顶部的距离 + 左div块的高度 >= 右边文章详情距滚动条顶部的距离 + 详情页的高度, 改变div块的bottom  top设为auto 4,判断左边div块的距离滚

将HTML页面页脚固定在页面底部(多种方法实现)

当一个HTML页面中含有较少的内容时,Web页面的footer部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,接下来为大家介绍下如何将页脚固定在页面底部,感兴趣的朋友可以了解下 作为一个Web的前端工作者学习者,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的"footer"部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见. 那么如何将Web页面的&q

【转载自W3CPLUS】如何将页脚固定在页面底部

该文章转载自:W3CPLUS 大漠的文章 http://www.w3cplus.com/css/css-sticky-foot-at-bottom-of-the-page 以下为全文 作为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见.那么如何将Web页面的“footer”部分永远固定在

如何将页脚固定在页面底部？

作 为一个Web的前端攻城师,在制作页面效果时肯定有碰到下面这种现象:当一个HTML页面中含有较少的内容时,Web页面的“footer”部分随着飘上 来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见.那么如何将Web页面的 “footer”部分永远固定在页面的底部呢?注意了这里所说的是页脚footer永远固定在页面的底部,而不是永远固定在显示器屏幕的底部,换句话说,就是当内容只有一点点时,Web页面显示在浏览器底部,当内容高度超

浮动层固定兼容IE6 position:fixed的最佳解决方案

第一种:css方法 有时候当我们需要把一个元素固定在页面的某个部位,一般都是用css中的“position:fixed;”方法来解决,但是IE6不支持fixed,所以今天分享一个兼容IE6的页面底部固定层CSS代码.如下: .bottom{bottom:0;position:fixed;height:23px;line-height:23px;width:100%;z-index:999; _bottom:auto;_width:100%;_position:absolute; //_top:e