Aliyar
Responsive Iframe App
<script> // Cache DOM elements const iframe = document.getElementById('mobile-frame'); const loader = document.getElementById('loader'); // Handle iframe load iframe.onload = () => { loader.style.opacity = '0'; setTimeout(() => { loader.style.display = 'none'; iframe.style.display = 'block'; }, 300); // Match transition duration }; // Ensure iframe is visible on initial load window.addEventListener('load', () => { if (iframe.contentDocument || iframe.contentWindow) { iframe.style.display = 'block'; loader.style.display = 'none'; } }); // Handle window resize to ensure iframe scales correctly const handleResize = () => { iframe.style.width = '100%'; iframe.style.height = '100%'; }; // Add resize event listener window.addEventListener('resize', handleResize); // Initial resize call handleResize(); </script>
No posts.
No posts.
°