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

Prinx Emmanuel – Bo Ta Joor Ft. Pastor Emmanuel Iren

Highly talented Nigerian singer-songwriter and media personality, Prinx Emmanuel makes his

JZyNo – Butta My Bread Ft. Lasmid

Multi-talented Ghanian music sensation and songwriter, JZyNo brings forth

“Butta “Butta My Bread …

Beepee – Obala Ft. PC Lapez

Phenomenal Nigerian indigenous rap sensation and song composer, Beepee, makes his musical debu “Obala …

Steel Banglez – Bonnie & Clyde Ft. Deno & King Promise

A multi-talented British record producer and music icon, Steel Banglez makes his presence kn “Bonnie & Clyde …

Toby Grey – Peace of Mind (Remix) Ft. Kemuel & Mamba Sounds

Sensational Nigerian songstress, songwriter, and performer, Toby Grey brightens the music stag “Peace of Mind Remix …

NyoMii – Wanted Ft. L.A.X

Sensational female singer and song composer of American descent from Nigeria,
NyoMii brin “Wanted …

Prev Next Last

601 . Keywords Tag

oops

Prev 117 118 119 120121 Next
Download All Latest . Songs, Videos, Music & Album 2025

HOTTEST MUSIC & DJMIXTAPE RIGHT NOW!!!

Olamide – Kai Ft. Wizkid
Transit Train Service Is Shut Down in New Jersey After the Engineers Walk Out
Vector – Repay Your Part Ft. Tiwa Savage
DJ Wise One Afrobeat Mix Best Of Seyi Vibez, Bella Shmurda & Asake
Best of TI Blaze, Asake, Zinoleesky, Seyi Vibez & Bella Shmurda By Dj SexyB 006
DJ PlentySongz Best Of Bella Shmurda & Seyi Vibez Mix 2025
DJ Seemagic Best Of Bella Shmurda DJ Mix 2025
DJ Crispy Best of Olamide 2025 Mixtape
Dj Wizkel Best Of Nimoni X Balloranking Mixtape Latest Mp3 Songs
Freebeat: Masuka (Prod. by Osley)
Joeboy – Free Of Charge Ft. Olamide
Dj Yk Mule – Oblee (Remix) Ft. Wizkid & Seyi Vibez
Paul Play – Love In Tokyo Ft. Olamide
Freebeat: Opera (Prod. by XL Beatz)
Olamide – Idan Buruku (Freestyle)
ANTI WORLD GANGSTARS – Jegede Ft. OLAMIDE, ODUMODUBLVCK, FATBOY E & SMADA
Pheelz – 5am in OJO Freestyle Ft. Olamide, Dj Yk Mule & Poco Lee
Zlatan – Gimme Your Love Ft. Olamide
Basketmouth – Lover Ft. Oiza x Meyi
Basketmouth – Taking Over Ft. Ice Prince, Illbliss & Sugarbana
ADVERTISEMENT

trending now

Download Movie:- Leaving Afghanistan

Download movie:- John Wick: Chapter 4 (2023)

Shallipopi Vows to Boycott Next Headies After Organizers Fail to Present Plaque for Award He Won

Olamide – Kai Ft. Wizkid

Transit Train Service Is Shut Down in New Jersey After the Engineers Walk Out

Mr. Combs’s ex-girlfriend Cassie Ventura Said Sean Diddy threatened to use tapes of their sexual encounters, known as “freak- offs,” to control her behavior.

Vector – Repay Your Part Ft. Tiwa Savage

More trending posts »