Quiero tener un botón que esté siempre visible solo dentro del modal es decir, cuando abra ese modal, da igual cuanto baje, que el botón siempre esté visible.
El problema está que no puedo poner ese botón fuera del modal, no tengo esa posibilidad...
He intentado esto, pero no funciona...
.mi-contenido {
height: 300vh;
position: absolute;
}
.mi-boton {
position: fixed;
top: 80vh;
left: 50px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body mi-contenido">
<button class="mi-boton">Hola!</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>