I trigger the first modal using JavaScript and open other modals sequentially. While the first modal and some of the subsequent ones work properly, there is an issue with the second and third modals. The problem is that the scroll bar goes to the background, causing the modal content not to scroll when it overflows.
Could you please provide a solution for this problem? Additionally, suggest other methods for creating this type of landing style.
<div id="beginnerModal" class="modal fade" data-backdrop="static" data-keyboard="false" role="dialog">
<div class="modal-dialog">
<div class="modal-content dealBg">
// Modal content for updating company information and related JavaScript
</div>
</div>
</div>
// Additional modals for personal information and inviting users with corresponding JavaScript
<script>
$( document ).ready(function() {
$('#beginnerModal').modal('show');
});
</script>