Twip-Network/watch.twip-network.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more changes to js

Browse Source
This commit is contained in:
Richard Mikloš
2024-01-25 15:56:52 +01:00
parent 3a52dd108a
commit e03eaaa048
1 changed files with 7 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
scripts/pages/user/main.js
View File

@@ -3,26 +3,15 @@ document.addEventListener('DOMContentLoaded', function () {
var h1 = document.querySelector('.user-index-h1');
var h2 = document.querySelector('.user-index-h2');
// Function to check if an element is in the viewport
function isInViewport(element) {
var rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}
// Function to handle the scroll event
function handleScroll() {
if (isInViewport(headerText)) {
h1.classList.add('visible');
h2.classList.add('visible');
} else {
h1.classList.remove('visible');
h2.classList.remove('visible');
}
// Calculate the opacity based on the scroll position
var scrollFraction = window.scrollY / (document.documentElement.scrollHeight - window.innerHeight);
var opacity = 1 - scrollFraction;
// Apply the opacity to the elements
h1.style.opacity = opacity;
h2.style.opacity = opacity;
}
// Attach the handleScroll function to the scroll event