Я сделал себе вот такую подсказку
https://rakipov.ru/shrift/
И мне нужно что бы это работало вот так, но для всех блоков, а не для одного.
const navedenie = document.querySelectorAll(".navedenie");
const kartinkaPriNavedenii = document.querySelector(".kartinka_pri_navedenii");
function priNavedenii_1() {
let navedenie = document.querySelectorAll(".navedenie");
let test = navedenie.getBoundingClientRect();
console.log(test.top);
function priNavedenii_2() {
if (test.top >= 387) {
kartinkaPriNavedenii.style.visibility = "visible";
kartinkaPriNavedenii.style.top = "-387" + "px";
} else if (test.top >= 0) {
kartinkaPriNavedenii.style.visibility = "visible";
kartinkaPriNavedenii.style.top = "0" + "px";
}
}
navedenie.addEventListener("mouseover", priNavedenii_2);
}
window.addEventListener('mousemove', priNavedenii_1);
function priNavedenii_3(){
kartinkaPriNavedenii.style.visibility = "hidden";
}
navedenie.addEventListener("mouseout", priNavedenii_3);