`

一段始终保持在最底部的div css代码

    博客分类:
  • UI
阅读更多

.footer
{
    background: #eee;
    text-align: center;
    bottom:0px;
    position:fixed;
    height: 30px;
    line-height: 30px;
    width: 100%;
    _position: absolute; /*兼容IE6*/
    _top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); /*兼容IE6*/
}


注意:代码在使用过程中_top:expression...这一行代码,遇到不兼容IE7的JS问题
分享到:
评论

相关推荐

    div css腾讯广点通页面右侧底部悬浮层样式代码

    "悬浮层"则是指在页面滚动时始终保持在屏幕特定位置的元素,常用于显示广告、通知或导航菜单等。在这个场景下,我们主要讨论如何使用div和css来创建一个在页面右侧底部始终可见的悬浮层。 首先,我们需要理解`div`...

    css代码添加背景图片常用代码

    使用`fixed`可以让图片始终保持在相同位置,这对于创建具有深度感的视觉效果非常有用。 #### 五、位置设置:`background-position` **语法**: ```css {background-position: 值 | top | bottom | left | right | ...

    css将div层固定显示在页面底部不随滚动条滚动

    总结来说,要创建一个不随滚动条滚动而始终保持在页面底部的div元素,我们使用了CSS的position属性,并将其值设为fixed。这样我们就可以通过调整right和bottom属性来控制元素距离窗口边缘的位置,同时设置width和...

    CSS+DIV固定底部的漂浮导航条(多浏览器兼容)

    在网页设计中,创建一个固定在页面底部的漂浮导航条是常见的需求,它能确保用户在滚动页面时始终保持导航可见,提供便捷的导航功能。本文将深入探讨如何使用CSS和DIV来实现这样一个多浏览器兼容的固定底部导航条。 ...

    悬浮固定DIV悬浮固定DIV

    这段JavaScript代码首先获取了窗口的滚动位置和Div的高度,然后在滚动事件触发时,调整Div的position为fixed,使其相对于窗口定位,并计算出Div的新top值,以确保它始终保持在视口的底部。 通过这样的实现,我们...

    CSS控制DIV永远固定在页面底部不随滚动而滚动

    在网页设计中,有时我们需要创建一个元素,如一个工具栏(`<div id="ToolBar">`),使其始终保持在页面的底部,即使用户滚动页面也不会移动。这种效果可以通过CSS实现,通常被称为“固定底部布局”。本节将详细讲解...

    div内容自动滚动,自动生成随机颜色

    使用JavaScript,可以监听内容的变化,然后调整`div`的高度使其始终保持滚动到底部。例如,以下是一个简单的JavaScript代码示例: ```javascript function scrollToBottom() { var div = document.getElementById...

    页面右侧底部悬浮层样式代码.zip

    JavaScript是一种广泛用于网页动态效果的编程语言,它可以用来控制页面元素的行为,如在用户滚动时使悬浮层始终保持可见。CSS(层叠样式表)则用于定义网页的布局和样式,包括悬浮层的位置、颜色、大小等视觉效果。 ...

    兼容各浏览器 CSS回到顶部代码

    - **position: fixed**:设置元素的定位方式为固定定位,这意味着当用户滚动页面时,该元素会始终保持在同一位置上。 - **text-indent: -999em**:隐藏按钮内的文字,使其不显示在界面上。 - **width: 19px; height:...

    div css仿太平洋网页固定层特效代码

    在这个“div css仿太平洋网页固定层特效代码”中,我们将探讨如何使用Div和CSS创建一个具有返回顶部功能的右侧悬浮菜单。 首先,让我们了解Div的作用。在HTML文档中,Div元素通常用`<div>`标签定义,它可以包围任何...

    div footer标签css实现位于页面底部固定

    在这种方法中,页脚被赋予一个绝对或固定的位置,然后通过计算页面内容的高度并加上负的顶部外边距,使其在视觉上始终保持在页面底部。这种方法适用于页面内容高度不确定的情况。 总之,这两种方法都可以有效地将...

    footer 贴在底部的布局实现代码

    这样,即使内容增加,footer也会始终保持在页面底部。 另外,代码中还包含了一个`.clearfix`类,用于解决浮动元素可能导致的父元素高度塌陷问题。这是CSS Hack的一种,主要用于老版本的IE浏览器,现在在现代浏览器...

    获取屏幕搞得,赋值给div

    "获取屏幕搞得,赋值给div"这个标题所指的是一种解决办法,即动态获取浏览器窗口的屏幕高度,并将其应用到HTML中的div元素,以实现版权部分始终保持在页面底部的效果。这种方法特别适用于响应式设计,确保内容在不同...

    jquery右固定div

    这段代码在页面加载完成后会绑定一个滚动事件监听器。当用户滚动时,计算当前滚动位置和div的相对位置,如果div即将离开视口底部,就将其设置为固定定位;反之,如果div回到了视口顶部,就恢复其静态定位。这样,div...

    js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合

    在网页设计中,将一个`DIV`元素保持在屏幕的特定位置是一项常见的需求,这通常涉及到CSS和JavaScript的结合使用。本篇文章将详细介绍如何利用这两种技术实现`DIV`元素始终居中、左下、左上、右上和右下显示。 首先...

    始终在页面底部的层js实现代码

    标题中的“始终在页面底部的层js实现代码”是指一种JavaScript技术,用于将一个HTML元素(通常是一个div层)固定在网页的底部,即使当用户滚动页面时也是如此。这种技术常用于创建各种提示、通知或者页脚等效果,...

    QQ浮动客服代码

    通过在网页中插入一段JavaScript代码,可以创建一个浮动元素,并设置其位置、样式和交互事件。例如,当用户点击浮动图标时,会弹出一个QQ聊天窗口或者跳转到指定的QQ交谈页面。 二、CSS设计 CSS用于美化和定位浮动...

    HTML图片随意浮动广告效果代码

    这段CSS代码将广告设置为固定位置,使其在页面滚动时始终保持在屏幕的右下角。`z-index`属性确保广告始终在最前面。`animation`属性结合`@keyframes`规则定义了图片的浮动效果。`floatEffect`动画通过改变`transform...

    vue进入页面时滚动条始终在底部代码实例

    在Vue.js应用中,有时我们需要实现一个功能,即当用户进入页面时,滚动条自动定位到页面底部。这种场景常见于聊天应用或者实时更新的信息流界面,用户打开页面时就能看到最新的内容。以下是一个详细的教程,指导如何...

Global site tag (gtag.js) - Google Analytics