Areya
/
basic-business-template
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

.

master
Gustavo Luigi 2024-01-10 19:08:20 -03:00
parent fe88355eca
commit 2e6fa32c47
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
content/contents/leistungen.blade.php
View File

@ -5,10 +5,13 @@
<style>
.form-anchor{
opacity:0;
transition: opacity .6s;
transform: translateX(200%);
transition: opacity 1s 0s, transform 0s 1s;
}
.form-anchor.show{
opacity:1;
transform: translateX(0%);
transition: opacity 1s 0s, transform 0s 0s;
}
</style>
@stop
@ -232,23 +235,16 @@
if (entry.isIntersecting) {
// Remove the element to remove
elementToRemove.classList.remove('show');
setTimeout(() => {
if(!elementToRemove.classList.contains('show')) elementToRemove.style.display = 'none';
}, 700);
} else {
const fixedElementRect = elementToRemove.getBoundingClientRect();
const referenceElementRect = targetElement.getBoundingClientRect();

if (fixedElementRect.bottom < referenceElementRect.top) {
// Show the element to remove
elementToRemove.style.display = 'block';
elementToRemove.classList.add('show');
} else {
// Hide the element to remove
elementToRemove.classList.remove('show');
setTimeout(() => {
if(!elementToRemove.classList.contains('show')) elementToRemove.style.display = 'none';
}, 700);
}
}
// Stop observing once it's removed (optional)
@ -258,6 +254,5 @@

// Observe the target element
observer.observe(targetElement);

</script>
@stop