diff --git a/src/container/ZoomPane/ZoomPane.vue b/src/container/ZoomPane/ZoomPane.vue
index ad8fe47c..dc504ea6 100644
--- a/src/container/ZoomPane/ZoomPane.vue
+++ b/src/container/ZoomPane/ZoomPane.vue
@@ -139,7 +139,7 @@ invoke(async () => {
     } else if (typeof d3ZoomHandler !== 'undefined') {
       d3s
         ?.on('wheel', (event: WheelEvent) => {
-          if (!props.preventScrolling || noWheel(event)) return
+          if ((!props.zoomOnScroll && props.preventScrolling) || !props.preventScrolling || noWheel(event)) return
           event.preventDefault()
         })
         .on('wheel.zoom', d3ZoomHandler)