﻿    (function($) {
        $.extend($.fn, {
            scroolView: function(setting) {
                var ps = $.extend({
                    marginOfTop: 100,
                    marginOfBottom: 10,
                    marginOfRight: 0,
                    marginOfLeft: 20,
                    marginL: false,
                    marginB: false,
                    positionType: "absolute", //absolute,fixed
                    duration: "normal"  //slow、 normal、fast 、value: 1000……
                }, setting);

                 if ((!ps.marginL) && (!ps.marginB)) {
                    this.css({ "position": ps.positionType, "z-index": 500, "right": ps.marginOfRight }).show().animate({ "top": ps.marginOfTop });
                } else if ((ps.marginL) && (!ps.marginB)) {
                    this.css({ "position": ps.positionType, "z-index": 500, "left": ps.marginOfLeft }).show().animate({ "top": ps.marginOfTop });
                } else if ((!ps.marginL) && (ps.marginB)) {
                    this.css({ "position": ps.positionType, "z-index": 500, "right": ps.marginOfLeft }).show().animate({ "bottom": ps.marginOfBottom });
                } else {
                    this.css({ "position": ps.positionType, "z-index": 500, "left": ps.marginOfLeft }).show().animate({ "bottom": ps.marginOfBottom });
                }
                ps.marginOfBottom = parseInt(this.css("bottom").replace("px", ""));
                this.css({ "top": "auto", "bottom": ps.marginOfBottom });


                var thisClone = this;

function toscroll(){
                                if (window.attachEvent) {
                                    window.attachEvent("onscroll", scrollFun);
                                }
                                if (window.addEventListener) {
                                    window.addEventListener("scroll", scrollFun, false);
                                }
}
                if(ps.positionType=="absolute"){
                                var scrollFun = function() {
                                thisClone.stop().animate({ top: document.documentElement.scrollTop + ps.marginOfTop }, 1000);
                                };
toscroll();
                }else if (ps.positionType=="fixed" && $.browser.msie && $.browser.version <7){
                                thisClone.css("position","absolute");
                                var scrollFun = function() {
                                thisClone.css({ top: document.documentElement.scrollTop + ps.marginOfTop });
                                };toscroll();
                }

              
                return this;
            }
        });
    })(jQuery)

