javascript - Bootstrap 3 模态 - 从底部滑入并粘贴

Question

我正在尝试制作一个可以从右下角滑入并停留在那里的小模态框。模态不应该对主体的滚动有任何影响(现在，当模态启动时，只能滚动模态，而不是主体)

My jsfiddle

我试过这个:

.modal-slidein .modal-dialog {
  margin: 0 10px 0 0;
}

.modal-slidein .modal-header {
  border: none;
}

.modal-slidein .modal-content {
  background-color: #68cae2;
  border: none;
  border-radius: 0px;
  outline: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

但是模式卡在左上角。我要右下角任何帮助都会很棒!

编辑:抱歉，是指右侧，而不是左侧。

Answer 1

您可以通过以下更改来做到这一点:

/* set modal to right-bottom */
.modal-slidein {
    top: auto;
    left: auto;
    padding-right: 0px !important;
}

/* enable back scroll-bar */
.modal-open {
  overflow: auto !important;
}

DEMO