Download
User Rating: 0/5 ( 0 votes)
jQuery faModal is a modal Windows Plugin, that doesn't suck with scrollbars. It's small and easy to modify for your project.
Source: github.com
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" href="jquery.faModal.css" />
<script src="jquery.js"></script>
<script src="jquery.faModal.js"></script>
2. HTML
<div class="fa-modal my-modal">
<div class="fa-modal__close-btn"></div>
<-- modal content goes here -->
</div>
Requires extra markup in your html to prevent 2 scrollbars if modal content is too big.
<body>
<div class="fa-modal__page">
<!-- your page content here -->
</div>
</body>
3. JAVASCRIPT
$(document).ready(function () {
$modal = $('.my-modal').faModal();
$('.btn').click(function () {
$modal.faModal('show');
});
});
JS Tutorial
