No erase of the page on menu selection
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
9bc0670474
commit
4395d3ed10
@ -50,14 +50,6 @@ $(window).on('load',function (){
|
||||
// bail out if we’re missing the basics:
|
||||
if (!titles.length || !sections.length) {
|
||||
// scroll.js — right before your `if (!titles.length || !sections.length) {…}`
|
||||
console.log(
|
||||
'🔍 scroll.js finds:',
|
||||
'titles=', titles.length,
|
||||
'sections=', sections.length,
|
||||
'projectBlocks=', projectBlocks.length,
|
||||
'newsBlocks=', newsBlocks.length
|
||||
);
|
||||
|
||||
console.warn("⚠️ Missing key elements, skipping scroll animations.");
|
||||
return;
|
||||
}
|
||||
@ -656,195 +648,12 @@ console.log(
|
||||
gsap.set(sections, {xPercent: 0});
|
||||
|
||||
// menu navigation
|
||||
$(document).on('click', '.js-scroll-link', function () {
|
||||
event.preventDefault();
|
||||
if (!blockNavigation && !skipMode){
|
||||
$('.header__menu').addClass('blocked');
|
||||
gsap.fromTo('.home-page', {autoAlpha: 1}, {duration: 0.4,autoAlpha: 0},0);
|
||||
skipMode = true;
|
||||
let link = $(this).data('link'),
|
||||
currentScroll = $('html').scrollTop();
|
||||
setTimeout(function (){
|
||||
st.scroll(parseInt(linkData[link]));
|
||||
switch (link) {
|
||||
case 0:
|
||||
tlScrollLast.progress(0);
|
||||
tlScroll.progress(0);
|
||||
tl7.progress(0);
|
||||
tl61.progress(0);
|
||||
tl6.progress(0);
|
||||
tl51.progress(0);
|
||||
tl5.progress(0);
|
||||
tl41.progress(0);
|
||||
tl4.progress(0);
|
||||
tl31.progress(0);
|
||||
tl3.progress(0);
|
||||
tl11.progress(0);
|
||||
tl1.progress(0);
|
||||
|
||||
tlTitle7.progress(0).pause();
|
||||
tlTitle6.progress(0).pause();
|
||||
tlTitle5.progress(0).pause();
|
||||
tlTitle4.progress(0).pause();
|
||||
tlTitle3.progress(0).pause();
|
||||
tlTitle2.progress(0).pause();
|
||||
break;
|
||||
case 1:
|
||||
tlScrollLast.progress(0);
|
||||
tlScroll.progress(0);
|
||||
tl7.progress(0);
|
||||
tl61.progress(0);
|
||||
tl6.progress(0);
|
||||
tl51.progress(0);
|
||||
tl5.progress(0);
|
||||
tl41.progress(0);
|
||||
tl4.progress(0);
|
||||
tl31.progress(0);
|
||||
tl3.progress(0);
|
||||
tl11.progress(0);
|
||||
tl1.progress(1);
|
||||
|
||||
tlTitle7.progress(0).pause();
|
||||
tlTitle6.progress(0).pause();
|
||||
tlTitle5.progress(0).pause();
|
||||
tlTitle4.progress(0).pause();
|
||||
tlTitle3.progress(0).pause();
|
||||
tlTitle2.progress(1).pause();
|
||||
break;
|
||||
case 2:
|
||||
tlScrollLast.progress(0);
|
||||
tlScroll.progress(0.25);
|
||||
tl7.progress(0);
|
||||
tl61.progress(0);
|
||||
tl6.progress(0);
|
||||
tl51.progress(0);
|
||||
tl5.progress(0);
|
||||
tl41.progress(0);
|
||||
tl4.progress(0);
|
||||
tl31.progress(1);
|
||||
tl3.progress(1);
|
||||
tl11.progress(1);
|
||||
tl1.progress(1);
|
||||
|
||||
tlTitle7.progress(0).pause();
|
||||
tlTitle6.progress(0).pause();
|
||||
tlTitle5.progress(0).pause();
|
||||
tlTitle4.progress(0).pause();
|
||||
tlTitle3.progress(1).pause();
|
||||
tlTitle2.progress(1).pause();
|
||||
break;
|
||||
case 3:
|
||||
tlScrollLast.progress(0);
|
||||
tlScroll.progress(0.5);
|
||||
tl7.progress(0);
|
||||
tl61.progress(0);
|
||||
tl6.progress(0);
|
||||
tl51.progress(0);
|
||||
tl5.progress(0);
|
||||
tl41.progress(1);
|
||||
tl4.progress(1);
|
||||
tl31.progress(1);
|
||||
tl3.progress(1);
|
||||
tl11.progress(1);
|
||||
tl1.progress(1);
|
||||
|
||||
tlTitle7.progress(0).pause();
|
||||
tlTitle6.progress(0).pause();
|
||||
tlTitle5.progress(0).pause();
|
||||
tlTitle4.progress(1).pause();
|
||||
tlTitle3.progress(1).pause();
|
||||
tlTitle2.progress(1).pause();
|
||||
break;
|
||||
case 4:
|
||||
tlScrollLast.progress(0);
|
||||
tlScroll.progress(0.75);
|
||||
tl7.progress(0);
|
||||
tl61.progress(0);
|
||||
tl6.progress(0);
|
||||
tl51.progress(1);
|
||||
tl5.progress(1);
|
||||
tl41.progress(1);
|
||||
tl4.progress(1);
|
||||
tl31.progress(1);
|
||||
tl3.progress(1);
|
||||
tl11.progress(1);
|
||||
tl1.progress(1);
|
||||
|
||||
tlTitle7.progress(0).pause();
|
||||
tlTitle6.progress(0).pause();
|
||||
tlTitle5.progress(1).pause();
|
||||
tlTitle4.progress(1).pause();
|
||||
tlTitle3.progress(1).pause();
|
||||
tlTitle2.progress(1).pause();
|
||||
break;
|
||||
case 5:
|
||||
tlScrollLast.progress(0);
|
||||
tlScroll.progress(1);
|
||||
tl7.progress(0);
|
||||
tl61.progress(0);
|
||||
tl6.progress(1);
|
||||
tl51.progress(1);
|
||||
tl5.progress(1);
|
||||
tl41.progress(1);
|
||||
tl4.progress(1);
|
||||
tl31.progress(1);
|
||||
tl3.progress(1);
|
||||
tl11.progress(1);
|
||||
tl1.progress(1);
|
||||
|
||||
tlTitle7.progress(0).pause();
|
||||
tlTitle6.progress(1).pause();
|
||||
tlTitle5.progress(1).pause();
|
||||
tlTitle4.progress(1).pause();
|
||||
tlTitle3.progress(1).pause();
|
||||
tlTitle2.progress(1).pause();
|
||||
break;
|
||||
case 6:
|
||||
tlScrollLast.progress(1);
|
||||
tlScroll.progress(1);
|
||||
tl7.progress(1);
|
||||
tl61.progress(1);
|
||||
tl6.progress(1);
|
||||
tl51.progress(1);
|
||||
tl5.progress(1);
|
||||
tl41.progress(1);
|
||||
tl4.progress(1);
|
||||
tl31.progress(1);
|
||||
tl3.progress(1);
|
||||
tl11.progress(1);
|
||||
tl1.progress(1);
|
||||
// super‑basic menu nav test
|
||||
|
||||
|
||||
tlTitle7.progress(1).pause();
|
||||
tlTitle6.progress(1).pause();
|
||||
tlTitle5.progress(1).pause();
|
||||
tlTitle4.progress(1).pause();
|
||||
tlTitle3.progress(1).pause();
|
||||
tlTitle2.progress(1).pause();
|
||||
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
gsap.set(titles, {y: "100%"});
|
||||
gsap.set(titles[parseInt(link)], {y: "0"});
|
||||
gsap.set(sections, {xPercent: -100 * parseInt(link), ease: "none"}, 0);
|
||||
ScrollTrigger.refresh();
|
||||
console.log('[✓] ScrollTrigger refreshed after menu click');
|
||||
$('.header__menu li').removeClass('active');
|
||||
$('.header__menu li').eq(parseInt(link)).addClass('active');
|
||||
|
||||
gsap.fromTo('.home-page', {autoAlpha: 0}, {duration: 0.5,autoAlpha: 1},0);
|
||||
setTimeout(function (){
|
||||
skipMode = false;
|
||||
$('.header__menu').removeClass('blocked');
|
||||
},500);
|
||||
},500);
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.projects__menu a', function () {
|
||||
$(document).on('click', '.projects__menu a', function (event) {
|
||||
event.preventDefault();
|
||||
let parent = $(this).parent(),
|
||||
progress = projectHeightsScroll[parent.index()] / (projectHeightsTotal - $('.projects__blocks').innerHeight()),
|
||||
@ -859,7 +668,7 @@ console.log(
|
||||
st.scroll(scrollTo);
|
||||
});
|
||||
} else {
|
||||
$(document).on('click', '.js-scroll-link', function () {
|
||||
$(document).on('click', '.js-scroll-link', function (event) {
|
||||
event.preventDefault();
|
||||
let href = $(this).attr('href'),
|
||||
topPos = $(href).offset(),
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<div class="scroll">
|
||||
<div class="home-page">
|
||||
|
||||
{{-- 1️⃣ Section titles (clean, text-based, no icons) --}}
|
||||
{{-- 1️⃣ Section titles (text only) --}}
|
||||
<div class="page-title show">
|
||||
<ul>
|
||||
<li><div class="title">What is Polisplexity?</div><div class="number">1.0</div></li>
|
||||
@ -23,27 +23,68 @@
|
||||
<canvas class="noise noise--inner" id="noise_menu"></canvas>
|
||||
</div>
|
||||
|
||||
{{-- 2️⃣ Section includes (scrollable containers) --}}
|
||||
{{-- 2️⃣ Section containers with sticky-title + content --}}
|
||||
<div class="scrollable">
|
||||
<section class="home">
|
||||
<div class="sticky-title">
|
||||
<ul><li><div>What is Polisplexitys?</div><div>1.0</div></li></ul>
|
||||
</div>
|
||||
@include('home.sections.home')
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="scrollable">
|
||||
<section class="projects">
|
||||
<div class="sticky-title">
|
||||
<ul><li><div>Live Projects</div><div>2.0</div></li></ul>
|
||||
</div>
|
||||
@include('home.sections.projects')
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="scrollable">
|
||||
<section class="awards">
|
||||
<div class="sticky-title">
|
||||
<ul><li><div>Recognitions</div><div>3.0</div></li></ul>
|
||||
</div>
|
||||
@include('home.sections.awards')
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="scrollable">
|
||||
<section class="testimonials">
|
||||
<div class="sticky-title">
|
||||
<ul><li><div>What Partners Say</div><div>4.0</div></li></ul>
|
||||
</div>
|
||||
@include('home.sections.testimonials')
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="scrollable">
|
||||
<section class="experience">
|
||||
<div class="sticky-title">
|
||||
<ul><li><div>Timeline</div><div>5.0</div></li></ul>
|
||||
</div>
|
||||
@include('home.sections.experience')
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="scrollable">
|
||||
<section class="news">
|
||||
<div class="sticky-title">
|
||||
<ul><li><div>Research & Insights</div><div>6.0</div></li></ul>
|
||||
</div>
|
||||
@include('home.sections.news')
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="scrollable">
|
||||
<section class="contacts">
|
||||
<div class="sticky-title">
|
||||
<ul><li><div>Let’s Collaborate</div><div>7.0</div></li></ul>
|
||||
</div>
|
||||
@include('home.sections.contacts')
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,12 +1,5 @@
|
||||
<section class="awards" id="recognitions">
|
||||
<div class="sticky-title">
|
||||
<ul>
|
||||
<li>
|
||||
<div>Recognitions</div>
|
||||
<div>3.0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<div class="content__left">
|
||||
<div class="content__title">
|
||||
@ -79,4 +72,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,12 +1,5 @@
|
||||
<section class="contacts" id="hireme">
|
||||
<div class="sticky-title">
|
||||
<ul>
|
||||
<li>
|
||||
<div>Contact</div>
|
||||
<div>6.0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="content">
|
||||
<div class="content__left">
|
||||
@ -81,4 +74,4 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,12 +1,3 @@
|
||||
<section class="experience">
|
||||
<div class="sticky-title">
|
||||
<ul>
|
||||
<li>
|
||||
<div>Milestones</div>
|
||||
<div>5.0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content__bg"></div>
|
||||
@ -103,4 +94,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,12 +1,4 @@
|
||||
<section class="home">
|
||||
<div class="sticky-title">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="title">Polisplexity</div>
|
||||
<div>1.0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content__left">
|
||||
<div class="content__title">
|
||||
@ -57,4 +49,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,12 +1,3 @@
|
||||
<section class="news">
|
||||
<div class="sticky-title">
|
||||
<ul>
|
||||
<li>
|
||||
<div>team</div>
|
||||
<div>8.0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content__left">
|
||||
@ -126,4 +117,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,12 +1,4 @@
|
||||
<section class="projects">
|
||||
<div class="sticky‑title">
|
||||
<ul>
|
||||
<li>
|
||||
<div>City Intelligence</div>
|
||||
<div>2.0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content__left">
|
||||
<div class="content__title">
|
||||
@ -92,4 +84,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,12 +1,3 @@
|
||||
<section class="testimonials">
|
||||
<div class="sticky-title">
|
||||
<ul>
|
||||
<li>
|
||||
<div>Milestones</div>
|
||||
<div>4.0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content" style="background-image: url('{{ asset('home/images/testmonials-bg.png') }}'); background-size: auto 100%; background-repeat: no-repeat; background-position: center center;">
|
||||
<div class="content__left">
|
||||
@ -102,4 +93,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user