نحوه باز شدن این سایت چگونه است؟<p>&nbsp;</p>
<style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }
        .iframe-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }
        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            background-color: transparent;
        }
        .loading {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2000;
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
    </style>
<div class="loading" id="loading">در حال بارگذاری...</div>
<div class="iframe-container"><iframe id="myIframe" src="https://finegrain-finegrain-image-enhancer.hf.space/"></iframe></div>
<div class="overlay" id="overlay"></div>
<p>
<script>
        const iframe = document.getElementById('myIframe');
        const loading = document.getElementById('loading');
        const overlay = document.getElementById('overlay');
        let scrollPosition = 0;
        const scrollStep = 100; // میزان اسکرول با هر کلیک

        iframe.onload = function() {
            loading.style.display = 'none';
            setupScrolling();
        };

        iframe.onerror = function() {
            loading.innerHTML = 'خطا در بارگذاری. لطفاً صفحه را رفرش کنید یا از VPN استفاده کنید.';
        };

        function setupScrolling() {
            overlay.addEventListener('click', function(e) {
                const clickY = e.clientY;
                const direction = clickY > window.innerHeight / 2 ? 1 : -1;
                scrollPosition += direction * scrollStep;
                scrollPosition = Math.max(0, scrollPosition); // جلوگیری از اسکرول منفی
                iframe.contentWindow.scrollTo(0, scrollPosition);
            });

            overlay.addEventListener('wheel', function(e) {
                e.preventDefault();
                const direction = e.deltaY > 0 ? 1 : -1;
                scrollPosition += direction * scrollStep;
                scrollPosition = Math.max(0, scrollPosition); // جلوگیری از اسکرول منفی
                iframe.contentWindow.scrollTo(0, scrollPosition);
            });

            let touchStartY;
            overlay.addEventListener('touchstart', function(e) {
                touchStartY = e.touches[0].clientY;
            });

            overlay.addEventListener('touchmove', function(e) {
                e.preventDefault();
                const touchY = e.touches[0].clientY;
                const direction = touchStartY > touchY ? 1 : -1;
                scrollPosition += direction * scrollStep;
                scrollPosition = Math.max(0, scrollPosition); // جلوگیری از اسکرول منفی
                iframe.contentWindow.scrollTo(0, scrollPosition);
                touchStartY = touchY;
            });
        }
    </script>
</p>