gtag('event', 'conversion', {'send_to': 'AW-825258057/QuprCJnx2vQZEMngwYkD'}); let WapkaSiteAPI = {"apikey": "18063:67dh48oinenboprr5p20ra13s5"} .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 Trending For 8457 Tags

Download Movie:- Jurassic Triangle (2024)

A group of colleagues crash land on a mysterious island that they cannot escape. They disc “…

Download Movie:- Criminal (2024)

In a bustling Lagos hospital overwhelmed by victims of a catastrophic accident, a principled “Criminal …

UK police brace for planned far-right protests

UK police geared up Friday for possible further far-right protests this weekend following se “…

Tunde Ednut, others react as protesters hijack police tank, cruise around with it -VIDEO

Protesters reportedly hijacked police tank and went on to cruise around with it The Northern “…

Yemi Alade – Karibu

The song “Karibu” is a notable piece of music performed by the well-known Nigerian singer an “Karibu…

Remedies For Stomach Worms Must Try This

Home Remedies For Stomach Worms Due to food problems, children often get worms in their “…

Prev Next Last

2208 Keywords Tag

[Video] Judikay – I Bow

“VIDEO…

D’Banj – Banga

D’banj comes through with a new single and this one is titled “Banga” and this excitingly new one has an amazing vibe and we totally love it. The lovely new single has an amazing vibe and we totally love the vibe on the single which we think might just be a potential hit single. Without wasting much time, listen to the brand new tune below and enjoy. “SONG…