Flyin - Modal vs Non-Modal Example

Modal vs Non-Modal Popups

A modal popup disables interaction with the rest of the page, while a non-modal popup allows the user to continue interacting with the page content.

Disables page scrolling and background interaction.

Allows page interaction while popup is open.

JavaScript Code

This long content is here to demonstrate page scrolling.

Back to Home