Я пытаюсь сделать небольшой модал, который может скользить внизу справа и оставаться там. Модал не должен влиять на прокрутку тела (сейчас, когда модал запускается, можно прокручивать только модал, а не тело)
Я пробовал это:
.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;
}
Но модал застрял в верхнем левом углу. Я хочу внизу справа. Любая помощь будет отличной!
Редактировать: Извините, имел в виду правую сторону, а не левую.
4
Tomas Jacobsen
18 Дек 2015 в 13:02
3 ответа
Лучший ответ
Вы можете сделать это со следующими изменениями:
/* set modal to right-bottom */
.modal-slidein {
top: auto;
left: auto;
padding-right: 0px !important;
}
/* enable back scroll-bar */
.modal-open {
overflow: auto !important;
}
1
Parkash Kumar
18 Дек 2015 в 11:11
Измените свой код CSS и сделайте это:
.modal-slidein .modal-dialog {
margin: 0 0 0 0;
position:absolute;
bottom:0;
left:0;
}
0
George Vasilopoulos
18 Дек 2015 в 10:34
.modal-dialog.modal-sm {
position: ABSOLUTE;
right: 0;
bottom: 0;
width: 50%;
}
0
Kirk Beard
18 Дек 2015 в 11:29
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (кроме ActionScript). Включите все соответствующие теги в свой вопрос; например, [node.js], [jquery], [json] и т. д.