gtag('event', 'conversion', {'send_to': 'AW-825258057/QuprCJnx2vQZEMngwYkD'}); let WapkaSiteAPI = {"apikey": "18063:n4kd2bipdel18pelh0s2bmel23"} .iframe-container.minimized { opacity: 0; visibility: hidden; pointer-events: none; } .iframe-container.visible { opacity: 1; visibility: visible; pointer-events: auto; } .iframe-container.expanded { border-radius: 12px; } .toggle-button { position: absolute; top: 10px; right: 10px; background: #007bff; color: white; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease, background 0.3s ease; } .toggle-button:hover { transform: scale(1.1); background: #0056b3; } .toggle-button.expanded { transform: rotate(180deg); } .toggle-icon { font-size: 18px; } .ad-label { position: absolute; top: 10px; left: 15px; font-size: 14px; color: #333; font-weight: bold; user-select: none; } .main-content { padding: 20px; max-width: 800px; margin: 0 auto; position: relative; z-index: 1; } Sponsored Ads class AdIframe { constructor(config = {}) { this.containerId = config.containerId || 'adContainer'; this.iframeSrc = config.iframeSrc || 'https://zuna.id/view.html'; this.minHeight = config.minHeight || '80px'; this.maxHeight = config.maxHeight || 'min(70vh, 600px)'; this.width = config.width || 'min(90%, 800px)'; this.threshold = config.threshold || 150; this.transitionDuration = config.transitionDuration || '0.8s'; this.isExpanded = false; this.isMinimized = false; this.touchStartY = 0; this.touchEndY = 0; this.init(); } init() { this.container = document.getElementById(this.containerId); this.toggleButton = this.container.querySelector('#toggleButton'); this.toggleIcon = this.toggleButton.querySelector('.toggle-icon'); this.iframe = this.container.querySelector('#adIframe'); this.setupStyles(); this.setupEventListeners(); this.startAutoScroll(); this.checkScroll(); } setupStyles() { this.container.style.cssText = ` position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: ${this.width}; height: ${this.minHeight}; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.15); transition: height ${this.transitionDuration} cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity ${this.transitionDuration}, visibility ${this.transitionDuration}; z-index: 1000; border-radius: 12px 12px 0 0; opacity: 1; visibility: visible; pointer-events: auto; `; this.iframe.style.cssText = ` width: 100%; height: 100%; border: none; display: block; border-radius: inherit; overflow: hidden; -webkit-overflow-scrolling: touch; `; } toggleIframe(action) { if (action === 'expand' && !this.isExpanded) { this.isExpanded = true; this.isMinimized = false; this.container.classList.add('expanded'); this.container.classList.remove('minimized'); this.container.classList.add('visible'); this.container.style.height = this.maxHeight; this.toggleIcon.textContent = '▼'; this.toggleButton.classList.add('expanded'); this.iframe.contentWindow.scrollTo({ top: 0, behavior: 'smooth' }); } else if (action === 'minimize') { this.isExpanded = false; this.isMinimized = true; this.container.classList.remove('expanded'); this.container.classList.add('minimized'); this.container.classList.remove('visible'); this.container.style.height = this.minHeight; this.toggleIcon.textContent = '▲'; this.toggleButton.classList.remove('expanded'); } } checkScroll() { const scrollPosition = window.scrollY + window.innerHeight; const pageHeight = document.body.scrollHeight; if (scrollPosition > pageHeight - this.threshold) { if (this.isMinimized) { this.container.classList.add('visible'); } if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } } else if (this.isMinimized) { this.container.classList.remove('visible'); } } startAutoScroll() { if (!this.isExpanded && !this.isMinimized) { this.scrollInterval = setInterval(() => { const maxScroll = this.iframe.contentWindow.document.body.scrollHeight - this.iframe.contentWindow.innerHeight; const currentScroll = this.iframe.contentWindow.scrollY; if (currentScroll >= maxScroll) { this.iframe.contentWindow.scrollTo({ top: 0, behavior: 'smooth' }); } else { this.iframe.contentWindow.scrollBy({ top: 50, behavior: 'smooth' }); } }, 2500); } } stopAutoScroll() { clearInterval(this.scrollInterval); } setupEventListeners() { // Toggle button click this.toggleButton.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); this.toggleIframe(this.isExpanded ? 'minimize' : 'expand'); }); // Swipe gestures this.container.addEventListener('touchstart', (e) => { this.touchStartY = e.touches[0].clientY; }); this.container.addEventListener('touchmove', (e) => { this.touchEndY = e.touches[0].clientY; }); this.container.addEventListener('touchend', () => { if (this.touchStartY - this.touchEndY > 50) { this.toggleIframe('expand'); } else if (this.touchEndY - this.touchStartY > 50) { this.toggleIframe('minimize'); } }); // Expand on iframe scroll const handleIframeScroll = () => { if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } }; window.addEventListener('message', (e) => { if (e.source === this.iframe.contentWindow && e.data === 'scroll') { handleIframeScroll(); } }); this.container.addEventListener('wheel', (e) => { e.preventDefault(); if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } this.iframe.contentWindow.scrollBy({ top: e.deltaY, behavior: 'smooth' }); }); this.container.addEventListener('touchmove', () => { if (!this.isExpanded && !this.isMinimized) { this.toggleIframe('expand'); } }); // Auto-scroll control this.container.addEventListener('transitionend', () => { if (!this.isExpanded && !this.isMinimized) { this.startAutoScroll(); } else { this.stopAutoScroll(); } }); // Scroll listener window.addEventListener('scroll', () => this.checkScroll()); // Iframe scroll detection this.iframe.onload = () => { try { const iframeDoc = this.iframe.contentDocument || this.iframe.contentWindow.document; const script = iframeDoc.createElement('script'); script.textContent = ` window.addEventListener('scroll', () => { window.parent.postMessage('scroll', '*'); }); window.addEventListener('touchmove', () => { window.parent.postMessage('scroll', '*'); }); `; iframeDoc.head.appendChild(script); } catch (e) { console.log('Cross-origin iframe, relying on container events'); } }; } } // Initialize on page load document.addEventListener('DOMContentLoaded', () => { new AdIframe({ iframeSrc: 'https://zuna.id/view.html', containerId: 'adContainer', minHeight: '80px', maxHeight: 'min(70vh, 600px)', width: 'min(90%, 800px)', threshold: 150, transitionDuration: '0.8s' }); });

Add Post Upload Content MENU

Get full access to THATCRUISE. Use the app INSTALL NOW

Top Tags Articles! Of Download

Top Tags Articles! Of Download

Top Tags Articles! Of Download

Top Tags Articles! Of Download

Top Tags Articles! Of Download

Top Tags Articles! Of Download

Top Trending For 991 Download Tags

Download or Watch : Ile Ore – Latest Yoruba Movie 2021 Drama

Download or Watch : Ile Ore – Latest Yoruba Movie 2021 Drama

Watch : Ile Ore – Latest Yoruba Movie 2021 Drama Starring Femi Adebayo | Kemi Afolabi | Laide Bak “…

Download or Watch : Ise Mi ( My Job ) Latest Yoruba Movie 2021 Drama

Download or Watch : Ise Mi ( My Job ) Latest Yoruba Movie 2021 Drama

Watch : Adan Latest Yoruba Movie 2021 Drama Starring Odunlade Adekola | Dayo Amusa | Segun Arinze “…

Download or Watch : Adan Latest Yoruba Movie 2021 Drama

Download or Watch : Adan Latest Yoruba Movie 2021 Drama

Watch : Adan Latest Yoruba Movie 2021 Drama Starring Niyi Johnson | Mide Abiodun | Dele Michael | “…

Download or Watch : STAB – Latest Yoruba Movie 2021 Action Packed

Download or Watch : STAB – Latest Yoruba Movie 2021 Action Packed

Watch : STAB – Latest Yoruba Movie 2021 Action Packed Rotimi Salami | Akinola Akano | Ibrahim Yek “…

Benfica vs Arsenal 1 -1 – Highlights [ DOWNLOAD VIDEO ]

Benfica vs Arsenal 1 -1 – Highlights [ DOWNLOAD VIDEO ]

Benfica vs Arsenal 1 - 1 – Highlights Download 18 February 2021 UEFA Europa League Arsenal substi “…

Download or Watch : Ori Ade 1 , 2 ,3 Latest Yoruba Movie 2021 Drama

Download or Watch : Ori Ade 1 , 2 ,3 Latest Yoruba Movie 2021 Drama

Watch : Ori Ade 3 Latest Yoruba Movie 2021 Drama Starring Sanyeri | Bimbo Oshin | Dele Odule | Yi “…

190 Download Keywords Tag

oops

Prev 34 35 36 3738 Next

Download All Latest Download Songs, Videos, Music & Album 2025

HOTTEST MUSIC & DJMIXTAPE RIGHT NOW!!!