Construí un sitio web con algunos controles deslizantes (Wordpress - Divi). Agregué algo de javascript para permitir que la descripción del control deslizante siga el puntero del mouse cuando el mouse pasa sobre el control deslizante. Funciona perfectamente, PERO: cuando desplazo el mouse, el puntero se desplaza hacia abajo como se esperaba, pero la descripción del control deslizante no se desplaza en consecuencia; se queda donde estaba. Entonces, a partir de ese momento, el vínculo entre el mouse y la descripción desaparece.

Pregunta: ¿Cómo puedo hacer que la descripción siga el mouse al desplazarme? Si desea ver el resultado hasta ahora, consulte https://roel.famnabuurs.nl

Cualquier ayuda apreciada

El código solicitado:

 const sliderzelf = document.getElementById(slidernaam); const titleblockslist = document.getElementById(slidernaam).getElementsByClassName('et_pb_slide_description'); for (let indslide of titleblockslist) { indslide.style.setProperty('opacity',1, 'important'); var sliderOffset = sliderzelf.getBoundingClientRect(); let xpos = e.clientX - sliderOffset.left ; // do not shift too far to the right if (xpos > sliderzelf.clientWidth - indslide.clientWidth) { xpos = sliderzelf.clientWidth - indslide.clientWidth; } if (xpos < 15) { // do not shift too far to the left xpos = 15; } indslide.style.left = (xpos) + 'px'; indslide.style.top = e.clientY + 'px'; }