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';

        }

    }

 

});    

 

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

下载 

 

作者:码农豆豆
微信公众号:
出处:http://www.cnblogs.com/fly_binbin/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
如果文中有什么错误,欢迎指出。以免更多的人被误导。
原文地址:https://www.cnblogs.com/fly_binbin/p/2293250.html