如何使Next.js应用上的平滑滚动工作

Question

为使视差效果正常工作，我需要平滑滚动才能在Next.js应用程序上工作。我尝试了其他类似“ react-scroll”的库，它们仅适用于链接。但是我需要平滑滚动才能在每个页面的整个页面上工作。为了使Next.js应用程序上的滚动工作更加顺畅，我尝试添加以下库（因为Next.js不支持“ window”对象）：

class Solutions extends React.Component {
    constructor(props) {
        super(props);
        if (typeof window !== 'undefined') {
            this.ReallySmoothScroll = require('really-smooth-scroll');
        }
    }
    componentDidMount() {
        this.ReallySmoothScroll.shim();
    } ...
...
...

但是这最终冻结了整个滚动。现在，没有基于鼠标的滚动工作，更不用说平滑滚动了。我对此很陌生。任何有助于在React / Nex.js应用程序上平滑滚动工作的帮助或建议，将受到高度赞赏。另外，关于基于React的视差效果的任何建议都将非常有帮助。谢谢。