RanchiMall/ranchimall
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.19.34

Browse Source 
Testing different reveal animation in elevator
This commit is contained in:
sairaj mote 2021-04-17 18:04:48 +05:30
parent 5e8688d3b6
commit b62d14b0da
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/index.js
View File

@ -678,8 +678,8 @@ const siteMapTimeline = gsap.timeline({
paused: true, paused: true,
}); });
siteMapTimeline siteMapTimeline
.from("#elevator_popup", { duration: 0.3, opacity: 0, y: 16 }) .from("#elevator_popup", { duration: 0.3, opacity: 0 })
.from(".floor_list__item", { opacity: 0, y: 16}); .from(".floor_list__item", { opacity: 0, y: 16, stagger: 0.1 });
@ -691,13 +691,13 @@ function showSiteMap() {
document.body.style.overflow = "hidden"; document.body.style.overflow = "hidden";
document.body.style.top = `-${window.scrollY}px`; document.body.style.top = `-${window.scrollY}px`;
getRef("elevator_popup").classList.remove("hide-completely"); getRef("elevator_popup").classList.remove("hide-completely");
siteMapTimeline.duration(0.6).play(); siteMapTimeline.duration(1).play();
} }
function hideSiteMap() { function hideSiteMap() {
const scrollY = document.body.style.top; const scrollY = document.body.style.top;
window.scrollTo(0, parseInt(scrollY || "0") * -1); window.scrollTo(0, parseInt(scrollY || "0") * -1);
siteMapTimeline.duration(0.3).reverse(); siteMapTimeline.duration(0.4).reverse();
document.querySelectorAll(".page").forEach((page) => { document.querySelectorAll(".page").forEach((page) => {
page.removeAttribute("aria-hidden"); page.removeAttribute("aria-hidden");
}); });