`
yiyanwan77
  • 浏览: 185458 次
  • 性别: 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 来替代解决,可是我们真的解决了么?没有,因为当页面...

    IE6下的纯CSS完美position:fixed实现

    `position: fixed`在现代浏览器中用于创建固定定位元素,使得元素相对于视口(viewport)保持固定位置,即使在滚动页面时也不会移动。然而,在IE6中,这个特性并未得到良好的支持。 为了在IE6下实现类似的效果,...

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

    在这种方法中,需要在使用 position:fixed 的元素上加上该属性,以便解决抖动问题。 iOS 中 position:fixed 吸底时的滑动出现抖动的解决方案可以通过解决 native 和 h5 两个原因引起的抖动来实现。开发者可以根据...

    CSS 同级元素position:fixed和margin-top共同使用的问题

    在网页设计中,CSS的定位属性position: fixed经常被用来创建固定在页面上的元素,如顶部导航栏。而margin属性则用来给元素添加外边距。当这两个属性共同作用于同级元素时,可能会遇到一些布局上的问题。本文探讨了在...

    css中position:fixed实现div居中上下左右居中

    position:fixed表示元素相对于浏览器窗口进行定位,这意味着无论页面如何滚动,元素都将保持在指定的位置。与之相对的是position:absolute,它会将元素定位在最近的已定位祖先元素中,如果没有则相对于初始包含块...

    position:fixed在ie6的使用

    `position:fixed`是一个非常重要的CSS属性,它使得元素在页面上保持固定的位置,不随滚动条滚动,常用于创建固定顶部导航、侧边栏等。然而,在Internet Explorer 6(简称IE6)这个古老且具有很多兼容性问题的浏览器...

    微信小程序----position:sticky

    但当用户滚动页面,使该元素到达设定的阈值(通常是相对于其父元素的顶部或底部)时,元素将立即变为`position:fixed`,固定在屏幕的指定位置,直到滚动返回到原始位置。 在微信小程序中,`position:sticky`的使用...

    跨浏览器的实践:position:fixed 层的固定定位

    在网页设计中,实现元素的固定定位(Fixed Positioning)是一项常见的需求,它可以使元素相对于浏览器窗口保持固定的位置,无论用户滚动页面如何,该元素总是在屏幕的特定位置。`position: fixed` 是 CSS 中的一个...

    position_fixed

    当为一个元素设置`position: fixed;`时,该元素将脱离正常文档流,并根据其`top`、`right`、`bottom`和`left`属性相对于浏览器窗口进行定位。例如: ```css .footer { position: fixed; bottom: 0; left: 0; ...

    仿Lightbox效果(Windows关机效果),div覆盖,锁定页面及IE 6实现position:fixed;

    “锁定页面”是指保持页面内容在用户滚动时保持相对固定的位置,这通常通过CSS的`position: fixed`属性来实现。当一个元素的定位设置为固定时,它会相对于浏览器窗口进行定位,即使页面滚动,该元素也会保持在屏幕的...

    使用CSS样式position:fixed水平滚动的方法

    在网页设计中,CSS的`position:fixed`属性通常用于创建元素的固定定位,使得元素在页面滚动时始终保持在屏幕的某个位置。然而,当页面存在水平滚动条时,`position:fixed`元素仅能实现垂直方向的固定,而无法实现...

    解决iframe中fixed失效的问题

    - 将 `iframe` 的 `scrolling` 属性设置为 `no`,然后在外部容器上实现滚动,这样 `fixed` 元素就可以相对于整个页面定位。 4. **使用Vue、React等前端框架**: - 如果你在使用现代前端框架如Vue或React,它们...

    javascript ie6兼容position:fixed实现思路

    在网页设计中,`position:fixed` 是一种CSS定位方式,它允许元素相对于浏览器窗口进行定位,而不是相对于其父元素。这种定位模式在创建固定头部、侧边栏或浮动导航栏时非常有用,因为无论用户如何滚动页面,这些元素...

    css中position:fixed实现div在窗口上下左右居中

    其中,position:fixed是一种特殊的定位方式,它可以使元素相对于浏览器窗口进行定位,而与文档流无关,也就是说,无论页面滚动到何处,该元素都会固定在浏览器窗口中的指定位置。 使用position:fixed实现div元素在...

    IE6支持position:fixed完美解决方法

    在Web开发中,`position:fixed`是一个非常有用的CSS属性,它允许元素相对于浏览器窗口定位,即使在滚动页面时,元素也会保持在屏幕的固定位置。然而,这个特性在Internet Explorer 6 (IE6)中并不原生支持,导致...

    JS 滚动事件[removed]与position:fixed写兼容IE6的回到顶部组件

    `position:fixed`是CSS中用于定位元素的一个属性,它可以使元素相对于浏览器窗口保持固定的位置,即使在页面滚动时也不会改变。然而,IE6对`position:fixed`的支持并不完全,所以我们需要使用一些技巧来实现兼容。 ...

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

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

    position:fixed或absolute时百分比参考屏幕宽度

    在Web开发中,CSS布局属性能够使开发者以灵活的方式对页面元素进行定位和尺寸设置。其中,position属性是一个重要的工具,它能够决定元素的定位方式。position属性的值通常可以是static、relative、absolute、fixed...

    CSS中如果固定定位只给出了定位模式position:fixed,没给出边位移引发的问题

    最后,`fixed`定位是一种特殊的绝对定位,元素的位置基于浏览器的可视窗口,即使页面滚动,元素也会保持在屏幕的特定位置。 固定定位`fixed`的主要特点在于它不随页面内容的滚动而移动,这使得它在创建固定头部、...

    CSS实现模拟position的fixed页面定位效果

    在网页设计中,`position: fixed` 是一种常用的CSS定位方式,它可以将元素固定在视口的某个位置,即使页面滚动,该元素也会保持在屏幕的特定位置。然而,有些老旧的浏览器或特殊环境下可能不支持 `position: fixed`...

Global site tag (gtag.js) - Google Analytics