js弹出框或者提示框居中显示

        今天又‘2’了，写了居中问题，居然把参数传错了，找了好久，测试了好久都没找出来，在此感谢我的partner的灵机一动。

KISSY.add('app/login',function(S){
    function init(obj){
        center(obj);
        $(window).resize(function(){
            center(obj);
        });
        $(window).scroll(function(){
            center(obj);
        });
    }
    function center(obj){
        var winWidth = $(window).width();
        var winHeight = $(window).height();
        var scrolltop = $(document).scrollTop();
        var width = obj.width();
        var height = obj.height();
        var objLeft = (winWidth - width)/2;
        var objTop = (winHeight - height)/2 + scrolltop;
        obj.css({left: objLeft + 'px', top: objTop + 'px'});
    }
    PW.namespace('login');
    PW.login = init;
},{requires:['thirdparty/jquery']})

 

评论

2 楼 zhanghh315 2012-09-18  

shenlm203 写道

亲，没注意看你的center组件，不过呢这个有点儿小意见。非IE6可以用fixed属性，那么在scroll的时候就不需要绑定事件了。 还有就是绝对居中不需要js，css就可以做到absolute的DOM的绝对剧中。

最后，center组件的接口传入参数最好是一个HTML DOM，或者是css selector，并且在传入进来之后的第一个操作是判断是否具有position：absolute|fixed属性！

此致，敬礼

亲，你说的是好几种情况下各自的解决办法，但是这个办法可以解决所有的情况，当然是这个好啦

1 楼 shenlm203 2012-09-18  

亲，没注意看你的center组件，不过呢这个有点儿小意见。非IE6可以用fixed属性，那么在scroll的时候就不需要绑定事件了。 还有就是绝对居中不需要js，css就可以做到absolute的DOM的绝对剧中。

最后，center组件的接口传入参数最好是一个HTML DOM，或者是css selector，并且在传入进来之后的第一个操作是判断是否具有position：absolute|fixed属性！

此致，敬礼