`
yiyanwan77
  • 浏览: 183541 次
  • 性别: Icon_minigender_1
  • 来自: 威海
社区版块
存档分类
最新评论

页面元素position:fixed

    博客分类:
  • css
CSS 
阅读更多
用IE6的expression实现其不支持的position:fixed


CSS代码

#ff-r 

position:  fixed; 
_position:  absolute; 
rightright:     15px; 
top:       15px; 
_top:       expression(eval(document.compatMode && 
            document.compatMode=='CSS1Compat') ? 
            documentElement.scrollTop+15 : 
            document.body.scrollTop + 
            (document.body.clientHeight 
            -this.clientHeight)); 

分享到:
评论

相关推荐

    IE6实现position:fixed bug (固定窗口方法)的实例

    这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...

    详解iOS中position:fixed吸底时的滑动出现抖动的解决方案

    主要介绍了详解iOS中position:fixed吸底时的滑动出现抖动的解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    chrome中position:fixed对z-index的影响

    dom结构:正常的实现方式很容易:因为B本身就在A的后面,当A和B都设置了position属性(非static),且没有设置z-index的时候,其层叠关系是后面的元素覆盖前面的元素,这样只需要给A-child设置z-index属性值即可。...

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

    复制代码代码如下:#totop{position:fixed;right:10px;bottom:10px;width:100px;height:100px;}

    简明CSS定位属性position

    该属性用来决定元素在页面上的位置。 用法:position:static(默认) | fixed | relative | absolute static 遵守正常的文档流,不设置top,bottom,left,right值。 fixed 脱离正常的文档流,完全以浏览器窗口为...

    CSS教程:position属性

    position属性可以让你让你随意控制一个特定元素在浏览器何处以及如何显示。比方说我们用position:fixed 让一个图片显示在浏览器的左上角.即使出现滚动条他依然可以在浏览器的左上角.posotion属性有4个取值.由于...

    移动端吸顶fixbar的解决方案详解

    经常会有这样的需求,当页面滚动到某一个位置时,需要某个页面元素固定在屏幕顶部,并且有时需要连续滚动吸顶。在PC端主要的实现是通过 CSS 的 position: fixed 属性,但是在移动端,尤其是在安卓端,存在诸多的兼容...

    详解css position 5种不同的值的用法

    position属性 position属性指定用于元素的定位方法的类型(静态,相对,固定,绝对或粘性)。 有五种不同的值:   •static ... 元素position:static;没有以任何特殊方式定位; 它总是根据页面的正

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    页面元素既可以添加背景颜色 也可以添加背景图片 只不过背景图片在背景颜色上方 即背景图片会压住背景颜色 (4)背景图片的位置 background-position: x y; ①参数是方位名词 top | center | bottom | left | ...

    JS实现随页面滚动显示/隐藏窗口固定位置元素

    窗口固定位置显示元素,当页面高度大于某高度,并且页面向下滚动时,显示该元素;当页面位置小于某高度,或者页面...position:fixed; /*固定元素位置*/ top:2px; /*距顶端举例*/ right:40px; /*距右侧位置*/ color:red

    ember-sliding-sticky:一个位置

    由于不使用position: fixed ,因此当滚动容器的长度小于视口且sticky元素较高时,sticky元素永远不会溢出到父对象之外。 允许滑动动画。 只需启用限制并应用transition: transform 0.5s ease至您的粘滞元素。 缺点...

    web端页面布局小技巧–如何利用定位使元素居中

    position:fixed; /*给想要居中的元素设置*/ left:50%; /*或者right:50%*/ top:50%; /*或者bottom:50%*/ margin-left:-元素宽度的一半; /*或者margin-right*/ margin-top:-元素高度的额一半; /*或者margin-...

    如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

    fixed值可以让元素固定在页面的某个位置,而不受滚动条的影响。 然而,在实际开发中,我们可能会遇到一些问题,例如在IE浏览器中,fixed值可能不生效。这是因为IE浏览器对CSS的支持不够完整。为了解决这个问题,...

    JQuery固定定位插件(兼容所有浏览器,包括IE6)

    当用户向上或向下滚动页面到一定位置时,目标元素开始固定定位(position:fixed),当回滚到原位置时目标元素恢复到原状态,可以定制触发滚动相对屏幕位置和触发滚动方向,兼容IE6。

    如何利用定位使元素居中(web端页面布局小技巧)

    position:fixed; /*给想要居中的元素设置*/ left:50%; /*或者right:50%*/ top:50%; /*或者bottom:50%*/ margin-left:-元素宽度的一半; /*或者margin-right*/ margin-top:-元素高度的额一半; /*或者margin-...

    react-onepage:基于react-motion的整页滑块实现

    React单页滑块 基于 rxjs 的移动全页滑块。 安装 npm install react-onepage 应用程序接口 页索引:编号 import React , { Component } ...1.我有元素的position: fixed在每个页面内 Onepage 使用transform: translate

    jquery.fixMe.js:jQuery插件使元素在到达浏览器顶部时锁定在适当的位置

    jquery.fixMe.js jQuery插件使元素在到达浏览器顶部时锁定在适当的位置方法当您将页面滚动到元素到达浏览器顶部的位置时,请将元素更改为position:fixed。 为了保持文档流,请用一个空的占位符替换该元素。用法$('....

    js加入购物车抛物线动画与购物车效果特效

    left: event.pageX, //开始位置(必填)#fly元素会被设置成position: fixed top: event.pageY //开始位置(必填) }, end: { left: offset.left+10, //结束位置(必填) top: offset.top+10, //结束位置(必填...

    使用Flex布局实现头部固定内容区域滚动的方法

    页面头部固定布局以前用 position:fixed实现,如今可以用flex布局实现,快捷方便。 Flex布局好处:1.不破坏html文档流 2.兼容性更好。 display: flex 和 display: -webkit-box 仅是各阶段命名,并没有区别。 ...

    Vue开发实现吸顶效果的示例代码

    ,这样它就可以固定在那里,这样不管页面怎么滚动,它的位置都不受影响,所以我们的思路就是在合适的时机把要吸顶的头部元素的position属性设置为fixed就可以了。但是这个合适的时机是什么时候呢,这就需要我们计算...

Global site tag (gtag.js) - Google Analytics