Can anyone help me with a Vertical text slider, using vue 3 with pause on hover

[eandrew]

I need to create a vertical slide using vue 3, where when i hover on it, it has to pause. Im new to vue and its hard to figure the animation out. Can anyone help out. Well this is using pure java script.

See the Pen RKPdEV by marklc44 (@marklc44) on CodePen

[Cassie]

Hi there!

 

Easy enough with control methods and some event listeners.

 

let slider = document.querySelector('.v-slider-frame');

slider.addEventListener('mouseenter', () => vSlide.pause())
slider.addEventListener('mouseleave', () => vSlide.play())

Is this what you're after or are you struggling with a vue specific issue?