Jquery 插件 让IE6支持fixed属性

在主题制作或者修改中一些元素要设置为随页面滚动的效果，通常的做法是加上fixed属性，或者干脆用js实现这个功能。

基于现在流行的Jquery，制作了这一个Jquery的小插件，用于解决IE6下面的fixed问题，代码如下：

/*

*  Ver: "1.0.0.0"

* 修正IE6下面的position中的fixed的显示问题

*  author：fly_binbin

*  Blog: http://daylog.sinaapp.com

*  E-Mail:legend.binbin.fly@gmail.com

*  Copyright: "Copyright @ 211-2012 fly_binbin Technology Software All Rights Reserved",

*  License: "GPL"

*  $("ID Or Clss").ie6fixedbug();

*/

$.fn.extend({

    ie6fixedbug: function () {

        $(this).css("position", "absolute");

        var m = (window.screen.height - $(this).height()) / 4;

        var obj = $(this)[0];

        window.onscroll = function () {

            obj.style.top = (document.body.scrollTop || document.documentElement.scrollTop) + m + 'px';

        }

        window.onresize = function () {

            obj.style.top = (document.body.scrollTop || document.documentElement.scrollTop) + m + 'px';

        }

    }

 

});    

 

可以下附件中下载此代码：

下载