let zone = '';
if (direction.includes("left") || direction.includes("up")) {
- var rect = document.querySelector(".zone-1 .zone-content").getBoundingClientRect()
+ var rect = $this.zone1.get(0).getBoundingClientRect()
value = direction === "up" ? 100 - ( (rectSelection.top - rect.bottom) / (listRect.top - rect.bottom) ) * 100 :
100 - ( (rectSelection.left - rect.right) / (listRect.left - rect.right) ) * 100
zone = "--opacity-zone-1"
} else {
- var rect = document.querySelector(".zone-2 .zone-content").getBoundingClientRect()
+ var rect = $this.zone2.get(0).getBoundingClientRect()
value = direction === "down" ? 100 - ( (rectSelection.bottom - rect.top) / (listRect.bottom - rect.top) ) * 100 :
100 - ( (rectSelection.right - rect.left) / (listRect.right - rect.left) ) * 100
zone = "--opacity-zone-2"