Creio que behavior na API (scroll()
, scrollBy()
e scrollTo()
) só tenha 2 valores possíveis, smooth e auto, então creio que
O mesmo vale para o CSS:
scroll-behavior: auto;
scroll-behavior: smooth;
Aparentemente o CSS scroll-behavior
não tem compatibilidade com Safari, diferente da API conforme o caniuse, que é suportando apenas no Safari 13.1+ para MacOS (ou seja, não é suportado pelo iOS), portanto é melhor usar o API se o objetivo for ATIVAR, para desativar é irrelevante se o React usa o scroll-behavior: smooth;
, já que provavelmente o smooth provavelmente não ocorre ou se ocorrer é algum polyfill usado (internamente, não sou experiente em React).
Então sendo como padrão o auto
provavelmente vai depender de navegador para navegador, o que você pode experimentar é aplicar uma classe assim:
.behavior-auto {
scroll-behavior: auto !important;
}
E aplicar dinamicamente ao elemento de interesse algo como:
document.documentElement.classList.toggle('behavior-auto', true)
E para remover:
document.documentElement.classList.toggle('behavior-auto', false)
Se desejar desabilitar de qualquer "elemento filho" talvez pode tentar:
.behavior-auto, .behavior-auto * {
scroll-behavior: auto !important;
}
Mas é como eu disse, dependerá de navegador para navegador, apesar do MDN afirmar que o valor auto faz a rolagem em um único movimento.