ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v.14.1-beta/website redesign

Browse Source
This commit is contained in:
ayushya
2020-06-28 23:29:22 -04:00
parent 53e16db8b9
commit c37f4db6ad
12 changed files with 331 additions and 485 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/scripts/Stickied.js
+9 -11
View File
@@ -1,18 +1,16 @@
var LOGO_INIT = 0;
function handleSticky() {
if (window.scrollY >= window.innerHeight * 0.65) {
document.querySelector('header').setAttribute('data-header-visible', true);
const logo = document.querySelector('.logo');
const logoCircle = document.querySelector('.logo-circle');
if (window.scrollY >= LOGO_INIT) {
logo.classList.add('stickied');
logoCircle.classList.add('stickied');
} else {
document.querySelector('header').setAttribute('data-header-visible', false);
}
if (document.querySelector('.intro')) {
const intro = document.querySelector('.intro');
intro.style = `--percentIntroScroll : ${window.scrollY / intro.offsetTop - 0.2}`;
}
if (document.querySelector('.features')) {
const features = document.querySelector('.features');
features.style = `--percentFeatureScroll : ${window.scrollY / features.offsetTop - 0.4}`;
logo.classList.remove('stickied');
logoCircle.classList.remove('stickied');
}
}
window.onload = function () {
LOGO_INIT = document.querySelector('.logo').offsetTop;
window.addEventListener('scroll', this.handleSticky);
};