v.0.9.0
This pulugin displays html Content by populating it in full viewport. It is cross browser and cross device compatible.
- On initialization:
- Pull
Contentfrom Dom - Hide all first childrens of the
<body> - Append desired
Contentas visible first child of the<body>
- Pull
- On close:
- Return
Contenton place where it was taken - Returns visibility of
<body>first childrens - Scroll back window to position where initialization starts
- Return
This plugin obtain maximum compatibility and performance by using static positioning and native window scrolling. Content can be served as scrollable or fited to viewport.
<!-- Include js plugin -->
<script src="PATH_TO_PLUGIN/full-modal.js"></script>$("some-content-selector").fullModal();$("some-content-selector").fullModal({
closeText: "<span>×</span>", // [string] html of close button
closeButton: true, // [boolean] display close button
aditionalStyle: false // [boolean||string] css while modal
onclose: function(){}, // [function] on close callback
});// bind:
var fullModal = $("some-content-selector").fullModal();
// if you wish to close modal call:
fullModal.close();To feet to vieport (no scroll);
$("some-content-selector").fullModal({
aditionalStyle: "html,body,#dwf-fullscreen-wrap{width:100%;height:100%;overflow:hidden;position:relative;}"
});The MIT License (MIT)