Arm Liposuction Sydney

(function () { 'use strict'; /* ── Inject styles ── */ var style = document.createElement('style'); style.textContent = '\ #sticky-toc-bar{position:fixed;left:0;right:0;width:100%;margin:0;padding:0;z-index:99999;\ background:#29a8e0;\ background-image:linear-gradient(to right,#0e7fb5 0%,#29a8e0 50%,#0e7fb5 100%);\ border-bottom:2px solid #0a6b99;box-shadow:0 3px 14px rgba(10,107,153,.35);\ height:44px;visibility:hidden;opacity:0;\ display:flex;align-items:center;pointer-events:none;\ transition:opacity .3s ease,visibility .3s ease;\ box-sizing:border-box;}\ #sticky-toc-bar.is-visible{visibility:visible;opacity:1;pointer-events:all;}\ #sticky-toc-scroll{flex:1;overflow:hidden;position:relative;min-width:0;}\ #sticky-toc-links{display:flex;align-items:center;flex-wrap:nowrap;\ transition:transform .35s ease;width:max-content;}\ #sticky-toc-links a{display:inline-flex;align-items:center;padding:0 18px;\ font-size:13px;font-weight:500;color:#e8f7ff;text-decoration:none;\ white-space:nowrap;border-right:1px solid rgba(255,255,255,.2);\ transition:background .2s,color .2s;height:44px;box-sizing:border-box;\ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}\ #sticky-toc-links a:hover{background:rgba(255,255,255,.15);color:#fff;}\ #sticky-toc-links a.active{color:#fff;border-bottom:2px solid #fff;background:rgba(255,255,255,.12);}\ #toc-prev,#toc-next{background:rgba(0,0,0,.12);border:none;color:#d0eeff;\ font-size:22px;width:40px;min-width:40px;height:44px;cursor:pointer;\ flex-shrink:0;display:flex;align-items:center;justify-content:center;\ transition:background .2s,color .2s;box-sizing:border-box;\ border-right:1px solid rgba(255,255,255,.2);}\ #toc-next{border-right:none;border-left:1px solid rgba(255,255,255,.2);}\ #toc-prev:hover,#toc-next:hover{background:rgba(255,255,255,.2);color:#fff;}\ #toc-prev:disabled,#toc-next:disabled{opacity:.2;cursor:default;}\ #sticky-toc-scroll::before,#sticky-toc-scroll::after{content:"";position:absolute;\ top:0;width:24px;height:100%;z-index:2;pointer-events:none;}\ #sticky-toc-scroll::before{left:0;background:linear-gradient(to right,#0e7fb5,transparent);}\ #sticky-toc-scroll::after{right:0;background:linear-gradient(to left,#0e7fb5,transparent);}'; document.head.appendChild(style); /* ── Build DOM ── */ var bar = document.createElement('div'); bar.id = 'sticky-toc-bar'; var prevBtn = document.createElement('button'); prevBtn.id = 'toc-prev'; prevBtn.textContent = '\u2039'; var wrap = document.createElement('div'); wrap.id = 'sticky-toc-scroll'; var nav = document.createElement('nav'); nav.id = 'sticky-toc-links'; var nextBtn = document.createElement('button'); nextBtn.id = 'toc-next'; nextBtn.textContent = '\u203a'; wrap.appendChild(nav); bar.appendChild(prevBtn); bar.appendChild(wrap); bar.appendChild(nextBtn); document.body.appendChild(bar); /* ── Top offset: measure the 18+ notice bar height ── */ function getTopOffset() { return window.innerWidth <= 768 ? 60 : 90; } function positionBar() { bar.style.top = getTopOffset() + 'px'; } /* ── Slider ── */ var offset = 0; function maxOff() { return Math.max(0, nav.scrollWidth - wrap.offsetWidth); } function slide(val) { offset = Math.max(0, Math.min(val, maxOff())); nav.style.transform = 'translateX(-' + offset + 'px)'; prevBtn.disabled = offset = maxOff(); } nextBtn.addEventListener('click', function () { var wrapRight = wrap.getBoundingClientRect().right; var links = Array.from(nav.querySelectorAll('a')); for (var i = 0; i wrapRight + 2) { slide(offset + links[i].getBoundingClientRect().right - wrapRight + 4); break; } } }); prevBtn.addEventListener('click', function () { var wrapLeft = wrap.getBoundingClientRect().left; var links = Array.from(nav.querySelectorAll('a')).reverse(); for (var i = 0; i < links.length; i++) { if (links[i].getBoundingClientRect().left 5) isDragging = true; }, {passive:true}); wrap.addEventListener('touchend', function(e){ var d = tx - e.changedTouches[0].clientX; if(Math.abs(d)>30) slide(offset+d); }, {passive:true}); nav.addEventListener('click', function(e){ if(isDragging){ e.preventDefault(); isDragging=false; } }); /* ── Build links from every H2 on the page ── */ var built = false; function buildLinks() { if (built) return; var headings = Array.from(document.querySelectorAll('h2')); if (!headings.length) return; built = true; nav.innerHTML = ''; headings.forEach(function(h2, idx) { if (!h2.id) { h2.id = 'sh2-' + idx + '-' + h2.textContent.trim() .toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,''); } var text = h2.textContent.trim(); if (!text) return; var a = document.createElement('a'); a.href = '#' + h2.id; a.textContent = text; a.addEventListener('click', function(e) { if (isDragging) return; e.preventDefault(); var target = document.querySelector(a.getAttribute('href')); if (!target) return; var rect = target.getBoundingClientRect(); var absoluteTop = rect.top + window.pageYOffset; var offset = absoluteTop - 90 - 44 - 10; window.scrollTo({ top: offset, behavior: 'auto' }); setTimeout(highlight, 50); }); nav.appendChild(a); }); slide(0); console.log('[TOC] built', headings.length, 'links'); } [100, 500, 1000, 2000].forEach(function(t){ setTimeout(buildLinks, t); }); /* ── Active highlight ── */ function highlight() { var links = Array.from(nav.querySelectorAll('a')); var active = null; var threshold = getTopOffset() + bar.offsetHeight + 100; for (var i = links.length - 1; i >= 0; i--) { var target = document.querySelector(links[i].getAttribute('href')); if (!target) continue; if (target.getBoundingClientRect().top <= threshold) { active = links[i]; break; } } links.forEach(function(l){ l.classList.remove('active'); }); if (active) { active.classList.add('active'); var lr = active.getBoundingClientRect(); var wr = wrap.getBoundingClientRect(); if (lr.left wr.right - 10) slide(offset + (lr.right - wr.right) + 20); } } /* ── Show bar: after user scrolls 300px OR past first H2 ── */ function checkVisibility() { positionBar(); var show = false; /* Method 1: scrolled more than 300px */ if (window.scrollY > 300) show = true; /* Method 2: first H2 has scrolled above the viewport midpoint */ var firstH2 = document.querySelector('h2'); if (firstH2) { var h2bottom = firstH2.getBoundingClientRect().bottom; if (h2bottom < window.innerHeight * 0.4) show = true; else show = false; /* hide again if user scrolls back up above first H2 */ } if (show) { bar.classList.add('is-visible'); highlight(); } else { bar.classList.remove('is-visible'); slide(0); } } window.addEventListener('scroll', checkVisibility, { passive: true }); window.addEventListener('resize', function(){ positionBar(); slide(0); }); window.addEventListener('load', function(){ positionBar(); checkVisibility(); }); positionBar(); })();