Center a div on the fly using jquery


    var topPos = ($(window).height() - $('.modal').outerHeight())/2;
    if( $(window).width() > 990 ){
        var leftPos = ( $(window).width() / 2 ) + ( $('.modal').outerWidth() / 2 ) + ( $('.modal').outerWidth() / 6 );
    }else{
        var leftPos = 0;
    }
    $('.modal').css({
        left: leftPos,
        top: topPos > 0 ? topPos : 0
    });
   

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s