Gustavo Luigi 2024-01-10 17:52:39 -03:00
parent 2187516ff1
commit 5922c1b25a
1 changed files with 4 additions and 4 deletions

View File

@ -7,7 +7,7 @@
opacity:0; opacity:0;
} }
.form-anchor.show{ .form-anchor.show{
transition: opacity 300ms; transition: opacity 1s;
opacity:1; opacity:1;
} }
</style> </style>
@ -232,7 +232,7 @@
if (entry.isIntersecting) { if (entry.isIntersecting) {
// Remove the element to remove // Remove the element to remove
elementToRemove.classList.remove('show'); elementToRemove.classList.remove('show');
setTimeout(() => elementToRemove.style.display = 'none', 300); setTimeout(() => elementToRemove.style.display = 'none', 1000);
} else { } else {
const fixedElementRect = elementToRemove.getBoundingClientRect(); const fixedElementRect = elementToRemove.getBoundingClientRect();
const referenceElementRect = targetElement.getBoundingClientRect(); const referenceElementRect = targetElement.getBoundingClientRect();
@ -240,12 +240,12 @@
if (fixedElementRect.bottom < referenceElementRect.top) { if (fixedElementRect.bottom < referenceElementRect.top) {
// Show the element to remove // Show the element to remove
elementToRemove.style.display = 'block'; elementToRemove.style.display = 'block';
setTimeout(() => elementToRemove.classList.add('show'), 300); setTimeout(() => elementToRemove.classList.add('show'), 1000);
} else { } else {
// Hide the element to remove // Hide the element to remove
//elementToRemove.style.display = 'none'; //elementToRemove.style.display = 'none';
elementToRemove.classList.remove('show'); elementToRemove.classList.remove('show');
setTimeout(() => elementToRemove.style.display = 'none', 300); setTimeout(() => elementToRemove.style.display = 'none', 1000);
} }
} }
// Stop observing once it's removed (optional) // Stop observing once it's removed (optional)