js页面滚动浮动层智能定位(jQuery)实现

来源:互联网 发布:邱一平麟龙软件 编辑:程序博客网 时间:2024/05/06 03:46
如有不明白的地方欢迎加QQ群14670545 探讨
///js页面滚动浮动层智能定位(jQuery)实现///调用:$("#popfloat").smartFloat($("#mainInfo").width() + 21);$.fn.smartFloat = function(width_p) {    var position = function(element) {        var top = element.position().top, pos = element.css("position");        $(window).scroll(function() {            var scrolls = $(this).scrollTop();            if (scrolls > top) {                if (window.XMLHttpRequest) {                    element.css({                        position: "fixed",                        width: width_p,                        top: 0                    });                } else {                    element.css({                        top: scrolls                    });                }            } else {                element.css({                    position: "", //absolute                    top: top                });            }        });    };    return $(this).each(function() {        position($(this));    });};

原创粉丝点击