Как одно и тоже модальное окно bootstrap показывать в разных частях страницы?

Question

[Иван Дрожжин]

Добрый день.
Лендинг на бутстрап. Сделал модальное окно с использованием bootstrap.js
В окне открывается форма "Заказать обратный звонок". Вызывать его должны две ссылки: в шапке и в футере.
У окна прописано абсолютное позиционирование. При клике на верхнюю ссылку, модальное окно появляется и все хорошо, но вот при клике на нижнюю страница затухает, а модальное окно, видимо, появляется наверху.

<div class='contactUs'>8 (800) 000 00 00 <a href="#modal" role='button' onclick='callModal' data-toggle="modal" class='callBack'>Перезвоните мне</a></div> 
				<div id="modal" class="modal popUp fade" style='display: none;'>
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<div class="modal-header">
						<h2>Заказать обратный звонок</h2>
						<div class="modal-body">
							<form>
								<input type="text" placeholder='Ваше имя'>
								<input type="tel" placeholder='Ваш телефон*' required>
								<button type='submit' class='btn btn-success btn-call'>Заказать звонок</button>
							</form>
						</div>
					</div>
				</div>

.popUp {
	width: 385px;
	height: 274px;
	font-family: 'OpenSans', sans-serif;
	background-color: #fff;
	position: absolute;
	top: 57px;
	left: 35%;
	border-radius: 5px;
	padding-left: 15px;
}

$('#modal').click(function('callModal'){
    $('#modal').modal();
});

Answer 1

[Андрей Гончаров]

Попробуй у .popUp{position: fixed;}

Comments

[Иван Дрожжин]

Гениально)) Мне теперь даже стыдно!)