Press "Enter" to skip to content

Awesome jQuery Modal Plugin with Scrollbar | jQuery.faModal

jQuery.faModal Windows Plugin that is used to create a responsive modal window that takes over the scrollbar in the browser if the modal content is longer than the height of the browser window.

custom modal popup jquery, animated modal popup using jquery, jquery ajax modal popup example, best jquery modal, jquery modal github

Feature-rich Messaging Windows for Alerts, Dialogs, Lightboxes Library | jQuery.madWindow

How to make use of it:

1. Import the jQuery library and jQuery faModal plugin files into the webpage.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<link rel="stylesheet" href="path/to/jquery.faModal.css">
<script src="path/to/jquery.faModal.js"></script>

2. Create a button to toggle the modal window.

<button class="btn">Click me</button>

3. Create content for the modal window.

<div class="fa-modal my-modal">
  <div class="fa-modal__close-btn"></div>
  ... Modal Content...
</div>

4. Initialize the modal window.

$modal = $('.my-modal').faModal();

5. Enable the conditional toggle button using View.

$('.btn').click(function () {
  $modal.faModal('show');
});

6. Hide the modal window.

$('.btn-hide').click(function () {
  $modal.faModal('hide');
});

Lightweight jQuery Modal Plugin with Scrollbar, jQuery.faModal Github


See Demo And Download

Official Website(ruslansavenok): Click Here

This superior jQuery/javascript plugin is developed by ruslansavenok. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *