[data grid] Scrollbar not visible on iOS #22386

diff --git a/packages/x-data-grid/src/components/virtualization/GridVirtualScroller.tsx b/packages/x-data-grid/src/components/virtualization/GridVirtualScroller.tsx
index ef76519e57..89670997fd 100644
--- a/packages/x-data-grid/src/components/virtualization/GridVirtualScroller.tsx
+++ b/packages/x-data-grid/src/components/virtualization/GridVirtualScroller.tsx
@@ -66,19 +66,21 @@ const Scroller = styled('div', {
   overflow: 'scroll',
   display: 'flex',
   flexDirection: 'column',
-
-  scrollbarWidth: 'none' /* Firefox */,
-  '&::-webkit-scrollbar': {
-    display: 'none' /* Safari and Chrome */,
+  scrollbarWidth: 'none',
+  '&::-webkit-scrollbar': { // Legacy Safari and Chrome
+    display: 'none',
+  },
+  '@media (hover: none)': {
+    scrollbarWidth: 'auto',
+    '&::-webkit-scrollbar': {
+      display: 'block',
+    },
   },
-
   '@media print': {
     overflow: 'hidden',
   },
-
   // See https://github.com/mui/mui-x/issues/10547
   zIndex: 0,
-
   // Prevent overscroll bounce from revealing content behind pinned column shadows on macOS.
   overscrollBehaviorX: ownerState.hasPinnedColumns ? 'none' : undefined,
 }));