Javascript Popup Opening closing the popup Example

Use the popup to render any content or form in a modal box that can be programmatically shown or hidden. For that the open and close methods can be used.

To check whether the popup is opened or not, use the isVisible method.

Download and try example

Javascript jQuery Angular React Vue

html<div id="demo-popup"/>
  <!-- popup content -->    
  <button mbsc-button id="demo-popup-close"> 
    Close 
  </button>    
</div>
<button mbsc-button id="demo-popup-open"> 
  Open popup 
</button>
jsvar popup = mobiscroll.popup('#demo-popup', {
  display: 'center',
});
        
document.getElementById('demo-popup-open').addEventListener('click', function () {
  popup.open();
});

document.getElementById('demo-popup-close').addEventListener('click', function () {
  popup.close();
});