如何禁用Safari上的滚动？ nextjs

Question

当Navbar菜单在移动设备上打开时，我正在尝试禁用滚动，它可以在Chrome上完美工作，但在Safari上却不能。

我已经看到，许多人在此浏览器上也有类似的问题，因为它并非以相同的方式工作。

我正在使用此使用效果代码来禁用Chrome上的滚动：

const Navbar = (props) => {
  
  const [isOpen, setOpen] = useState(false);
  const toggleMenu = () => setOpen(!isOpen);

  useEffect(() =>{
    document.body.style.overflowY = isOpen ? 'hidden' : 'auto';
  }, [isOpen])

  return (
<header className="relative bg-black">
        <div className=""></div>

{isOpen && (
          <div className=""></div>

我该将其更改为什么，以使其全部按照镀铬的意图运行，但在Safari上也可以正常工作？如果有人能提供帮助，那就太好了！