Как заставить Smooth Scrolling работать в приложении Next.js - PullRequest
Новая
       20

Как заставить Smooth Scrolling работать в приложении Next.js

0 голосов
/ 25 января 2019

Для правильной работы эффекта параллакса мне понадобилась плавная прокрутка для работы в приложении Next.js.Я пробовал другие библиотеки, такие как «response-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 будут чрезвычайно полезны.Спасибо заранее.

...