model弹出框居中

原创 2015年11月19日 14:03:51
Modal.prototype.adjustDialog = function () {
    var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight

    this.$element.css({
      paddingLeft:  !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : ‘‘,
      paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ‘‘
    })
    // 弹出框居中
    var $modal_dialog = $(this.$element[0]).find(‘.modal-dialog‘);
    var m_top = ( $(window).height() - $modal_dialog.height() )/2;
    $modal_dialog.css({‘margin‘: m_top + ‘px auto‘});
  }
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Bootstrap一个静态的模态窗口实例,实现弹出信息窗口(也可做图片大图弹出)

实例 h2>创建模态框(Modal)h2> 按钮触发模态框 --> button class="btn btn-primary btn-lg" data-toggle="modal" data-...

设置bootstrap modal模态框的宽度和宽度

(1)修改修改modal中的modal-dialog这个div宽度
  • zsg88
  • zsg88
  • 2017年04月28日 09:42
  • 9380

bootstrap modal弹出框的垂直居中

bootstrap modal弹出框的垂直居中本人前端小菜鸡一只,公司项目尝试采用bootstrap,我身先士卒为同事趟“坑”,无奈UI妹子刁难非得让modal弹出框垂直居中,为了前端开发岗位的荣誉,...

jquery 弹出框居中显示

弹出确认框始终位于窗口的中间位置的测试 .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background...
  • clj9017
  • clj9017
  • 2015年01月21日 23:30
  • 390

关于“弹出框居中、angular mouse事件、JS类切换”的那些事

今天就只总结了三个问题哦,详情如下: 1.angular的鼠标事件:由于之前一直只用到ng-click,所以居然除了ng-click之外的angular事件都不甚清楚,今天有了鼠标悬停事件的需求,所以...
  • kythen
  • kythen
  • 2016年11月16日 21:45
  • 923

model弹出框

  • 2017年04月29日 21:27
  • 62KB
  • 下载

anjularjs弹出model(模态框)

$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们 $modal仅有一个方法open(options) templateUrl:模态窗口的地址 ...

AngularJs 弹出框 model(模态框)

$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们 $modal仅有一个方法open(options) templateUrl:模态窗口的地址template:用...
  • nyhyu
  • nyhyu
  • 2016年11月04日 15:29
  • 243

jquery实现让弹出层绝对居中

  • 2014年07月18日 11:29
  • 29KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:model弹出框居中
举报原因:
原因补充:

(最多只允许输入30个字)