mirror of
https://github.com/badlogic/heissepreise.git
synced 2024-06-30 12:27:15 +02:00
Fix IntersectionObserver entries below window size
This commit is contained in:
parent
3b2cfa4bf9
commit
52f9fb32bf
|
@ -536,7 +536,9 @@ function newSearchComponent(
|
||||||
(entries) => {
|
(entries) => {
|
||||||
console.log(entries);
|
console.log(entries);
|
||||||
for (const entry of entries) {
|
for (const entry of entries) {
|
||||||
if (entry.intersectionRatio < 1) {
|
const clientRect = entry.target.getBoundingClientRect();
|
||||||
|
console.log(entry, clientRect.top, window.innerHeight)
|
||||||
|
if (entry.intersectionRatio < 0.999 && (clientRect.top + clientRect.height) < window.innerHeight) { // Fix Edge issue
|
||||||
entry.target.classList.add("wrapper--pinned");
|
entry.target.classList.add("wrapper--pinned");
|
||||||
} else {
|
} else {
|
||||||
entry.target.classList.remove("wrapper--pinned");
|
entry.target.classList.remove("wrapper--pinned");
|
||||||
|
@ -545,7 +547,7 @@ function newSearchComponent(
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
rootMargin: "0px",
|
rootMargin: "0px",
|
||||||
threshold: 1.0,
|
threshold: 0.999,
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
observer.observe(document.querySelector(".wrapper--search"));
|
observer.observe(document.querySelector(".wrapper--search"));
|
||||||
|
|
Loading…
Reference in New Issue
Block a user