Гладкая полоса прокрутки в ReactJS - PullRequest
Новая
       58

Гладкая полоса прокрутки в ReactJS

0 голосов
/ 11 апреля 2020

Я пытаюсь реализовать плавную полосу прокрутки в моем приложении ReactJS. Я попробовал следующий код, но все же я вижу резкую прокрутку: 

scrollToTop() {
    window.scrollTo({
        top: 0,
        left: 0,
        behavior: 'smooth',
    })
}

Затем я использовал следующий пакет ReactJS следующим образом: 

import Scroll from 'react-scroll';
scrollToTop() {
   var scroll = Scroll.animateScroll;
   scroll.scrollTo(0)
}

Использование выше подход все же дал мне резкую прокрутку вверх. По сути, я открываю модальное и хочу, чтобы полоса прокрутки плавно двигалась вверх, но все же я вижу резкое открытие модального. Даже если я утешаю document.body.style.top или document.body.scrollTop или window.scrollY, он дает мне 0, но в другом обычном приложении JavaScript эти три дают свои значения. Есть ли в ReactJS недостаток, который внезапно показывает прокрутку вверх?

...