你必须将Box Package 在另一个元素中，并在那里设置sticky属性，如下所示：

const StickyElement = ({ children }) => {
  return <div style={{ position: 'sticky', top: '10px' }}>{children}</div>;
};

export default function App() {
  return (
    <div style={{ minHeight: '300vh', position: 'sticku', top: '10px' }}>
      <StickyElement>
        <Box width={'30%'}>
          <Box
            sx={{
              backgroundColor: 'primary.dark',
              position: 'sticky',
              top: '100px',
              transition: 'all .4s ease',
            }}
          >
            {/* My render elements */}
            <h1>Some content</h1>
          </Box>
        </Box>
      </StickyElement>
    </div>
  );
}

https://stackblitz.com/edit/react-ts-fbqkn6?file=App.tsx