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 h1 = document.querySelector('.user-index-h1');
var h2 = document.querySelector('.user-index-h2'); 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 to handle the scroll event
function handleScroll() { function handleScroll() {
if (isInViewport(headerText)) { // Calculate the opacity based on the scroll position
h1.classList.add('visible'); var scrollFraction = window.scrollY / (document.documentElement.scrollHeight - window.innerHeight);
h2.classList.add('visible'); var opacity = 1 - scrollFraction;
} else {
h1.classList.remove('visible'); // Apply the opacity to the elements
h2.classList.remove('visible'); h1.style.opacity = opacity;
} h2.style.opacity = opacity;
} }
// Attach the handleScroll function to the scroll event // Attach the handleScroll function to the scroll event