(function(){ var doc = document, root = doc.documentElement, win = window; if (win.__asaScrollEffects) return; win.__asaScrollEffects = true; var revealObserver = null; if ('IntersectionObserver' in win) { revealObserver = new IntersectionObserver(function(entries){ for (var i = 0; i < entries.length; i++) { if (entries[i].isIntersecting) { entries[i].target.setAttribute('data-revealed', ''); revealObserver.unobserve(entries[i].target); } } }, { rootMargin: '0px 0px -10% 0px', threshold: 0 }); } var progressEls = [], sectionEls = [], spyEls = [], railEls = []; function collect(){ var reveals = doc.querySelectorAll('[data-reveal]:not([data-revealed])'); for (var i = 0; i < reveals.length; i++) { if (revealObserver) revealObserver.observe(reveals[i]); else reveals[i].setAttribute('data-revealed', ''); } progressEls = Array.prototype.slice.call(doc.querySelectorAll('[data-progress]')); sectionEls = Array.prototype.slice.call(doc.querySelectorAll('[data-section]')); spyEls = Array.prototype.slice.call(doc.querySelectorAll('[data-spy]')); railEls = Array.prototype.slice.call(doc.querySelectorAll('[data-rail]')); for (var r = 0; r < railEls.length; r++) bindRail(railEls[r]); update(); updateRails(); } function setActive(list, active){ for (var i = 0; i < list.length; i++) { if (list[i] === active) list[i].setAttribute('data-active', ''); else list[i].removeAttribute('data-active'); } } function railGroup(rail){ return rail.closest ? rail.closest('[data-rail-group]') : null; } function updateRail(rail){ var group = railGroup(rail); if (!group) return; var items = rail.querySelectorAll('[data-rail-item]'); var dots = group.querySelectorAll('[data-rail-dot]'); if (!items.length || !dots.length) return; var box = rail.getBoundingClientRect(), center = box.left + box.width / 2; var best = 0, bestDistance = Infinity; for (var i = 0; i < items.length; i++) { var rect = items[i].getBoundingClientRect(); var distance = Math.abs(rect.left + rect.width / 2 - center); if (distance < bestDistance) { bestDistance = distance; best = i; } } setActive(dots, dots[best] || null); } function bindRail(rail){ if (rail.__asaRail) return; rail.__asaRail = true; var pending = false; rail.addEventListener('scroll', function(){ if (pending) return; pending = true; win.requestAnimationFrame(function(){ pending = false; updateRail(rail); }); }, { passive: true }); var group = railGroup(rail); if (!group) return; group.addEventListener('click', function(event){ var dot = event.target && event.target.closest ? event.target.closest('[data-rail-dot]') : null; if (!dot) return; var index = Array.prototype.indexOf.call(group.querySelectorAll('[data-rail-dot]'), dot); var item = rail.querySelectorAll('[data-rail-item]')[index]; if (item && item.scrollIntoView) item.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); }); } var ticking = false, lastY = 0, goingUp = false; function update(){ ticking = false; var vh = win.innerHeight || root.clientHeight; var y = win.pageYOffset || root.scrollTop || 0; if (y > 8) root.setAttribute('data-scrolled', ''); else root.removeAttribute('data-scrolled'); if (y < lastY - 6) goingUp = true; else if (y > lastY + 6) goingUp = false; lastY = y; if (goingUp && y > vh * 0.9) root.setAttribute('data-upward', ''); else root.removeAttribute('data-upward'); for (var i = 0; i < progressEls.length; i++) { var rect = progressEls[i].getBoundingClientRect(); if (rect.bottom < -vh || rect.top > vh * 2) continue; var p = (vh - rect.top) / (vh + rect.height); p = p < 0 ? 0 : p > 1 ? 1 : p; progressEls[i].style.setProperty('--p', p.toFixed(4)); } if (sectionEls.length) { var current = null, line = vh * 0.38; for (var s = 0; s < sectionEls.length; s++) { var r = sectionEls[s].getBoundingClientRect(); if (r.top <= line && r.bottom > line) current = sectionEls[s].getAttribute('data-section'); } var links = doc.querySelectorAll('a[data-section-link]'); for (var l = 0; l < links.length; l++) { if (current && links[l].getAttribute('data-section-link') === current) links[l].setAttribute('data-current', ''); else links[l].removeAttribute('data-current'); } } for (var k = 0; k < spyEls.length; k++) { var items = spyEls[k].querySelectorAll('[data-spy-item]'); if (!items.length) continue; var best = null, bestDistance = Infinity, center = vh * 0.5; for (var m = 0; m < items.length; m++) { var ir = items[m].getBoundingClientRect(); var distance = Math.abs(ir.top + ir.height / 2 - center); if (distance < bestDistance) { bestDistance = distance; best = items[m]; } } setActive(items, best); var panels = spyEls[k].querySelectorAll('[data-spy-panel]'); var id = best ? best.getAttribute('data-spy-item') : null, activePanel = null; for (var n = 0; n < panels.length; n++) { if (panels[n].getAttribute('data-spy-panel') === id) activePanel = panels[n]; } setActive(panels, activePanel); } } function updateRails(){ for (var q = 0; q < railEls.length; q++) updateRail(railEls[q]); } function requestUpdate(){ if (!ticking) { ticking = true; win.requestAnimationFrame(update); } } win.addEventListener('scroll', requestUpdate, { passive: true }); win.addEventListener('resize', requestUpdate, { passive: true }); win.addEventListener('resize', updateRails, { passive: true }); var collectTimer = null; function scheduleCollect(){ if (collectTimer) return; collectTimer = win.setTimeout(function(){ collectTimer = null; collect(); }, 60); } if ('MutationObserver' in win) { new MutationObserver(scheduleCollect).observe(doc.body, { childList: true, subtree: true }); } if (doc.readyState === 'loading') doc.addEventListener('DOMContentLoaded', collect); else collect(); win.addEventListener('load', collect); })();

مستندات API نسخه ۲ آسا