Material UI抽屉在打开时将背景页面滚动到顶部

import React, { useState } from 'react';

function App() {
  const [isDrawerOpen, setIsDrawerOpen] = useState(false);

  // 其他代码...

  return (
    <div>
      {/* 抽屉组件 */}
      <Drawer open={isDrawerOpen} onClose={() => setIsDrawerOpen(false)}>
        {/* 抽屉内容 */}
        {/* ... */}
      </Drawer>

      {/* 其他页面内容 */}
      {/* ... */}
    </div>
  );
}

export default App;

import React, { useState, useEffect } from 'react';

function App() {
  const [isDrawerOpen, setIsDrawerOpen] = useState(false);

  useEffect(() => {
    if (isDrawerOpen) {
      // 将背景页面滚动到顶部
      window.scrollTo(0, 0);
    }
  }, [isDrawerOpen]);

  // 其他代码...

  return (
    <div>
      {/* 抽屉组件 */}
      <Drawer open={isDrawerOpen} onClose={() => setIsDrawerOpen(false)}>
        {/* 抽屉内容 */}
        {/* ... */}
      </Drawer>

      {/* 其他页面内容 */}
      {/* ... */}
    </div>
  );
}

export default App;