scripting Prevent zoom sliders to zoom when using the mouse wheel

To disable zooming with the mouse wheel, you simply add a brief JavaScript code snippet to any text area on the relevant pages. This feature is particularly handy when the page has scroll bars. Below is a screenshot demonstrating the default behavior and the changes after implementing the script.

And here is the Script

divsWithZoomSliders = [...document.querySelectorAll(".sf-element.sf-element-visual")].filter(div => div.querySelector(".sf-element-zoom-slider"));
divsToDisable = divsWithZoomSliders.map(div => div.querySelector(".sf-element.sf-element-canvas-visualization"));
divsToDisable.forEach(div => {div.firstChild.addEventListener('wheel', function(event) {event.preventDefault()}, { passive: true })});

Please note that this approach is not supported and it might not work properly on future versions of Spotfire

More JavaScript tips and tricks here