I am currently utilizing VueScroll as a container for a carousel. However, I have observed that when a user hovers their mouse over the VueScroll element and scrolls using the wheel, it zooms in/out on the elements inside VueScroll. I am looking to target the element and implement a listener to manage the wheel scroll event.
In an attempt to target the element, I experimented with the following:
created(){
if(process.client){
if(document.getElementById('vueScroller')){
console.log('vueScroller created');
} else {
console.log('fail...')
}
}
},
Upon observation, I found that upon the initial loading of the page, I receive "fail...", but after making a change to the code and triggering app hotreloads, I get "vueScroller created". This has led me to believe that I am close to a solution, but still unsure about what is causing the difference based on how the page is loaded.