Soft scroll

[evandersondev]

Vi no site que ao clicar no link do Header então estav com a idéia de colocar um smooth no scroll pois ao clicar ele muda para a seção de um modo muito seco.

Apliquei uma função para fazer um smooth no scroll ao clicar no link da navegação, essa função permite que qualquer browser tenha esse comportamente, também mantive o comportamento de mudar na url de acordo com a seção.

essa função fica em ui/header/header.js e é chamado no onClick do link

function scrollNavigation (e, url) {
    e.preventDefault()
    const to = document.querySelector(url).offsetTop

    smoothScrollTo(0, to)
    window.history.pushState('', '', [url])
  }

Outra função foi criado com toda a logica smoothScrollTo geralmente coloco funções externas em uma pasta chamada utils, como não sei qual padrões vocês adotam eu fiz dessa forma que geralmente faço, aberto a sugestões.

Uma outra sujestão tambem seria jogar as pastas pages, ui, resources para dentro de uma pasta src e a utils caso ela entre na PR

[vmarcosp]

Olá @evandersondev tudo bem? Testei o site agorinha o mesmo e pelo menos nos browsers que testei, o smooth scroll está funcionando a partir da prop scroll-behavior que colocamos na tag html via CSS. Qual browser você testou?

[evandersondev]

Brave Web Browser

[vmarcosp]

Que estranho @evandersondev, testei aqui no brave também e funcionou normalmente o smooth scroll.
@Mendrone @fdaciuk Vocês testaram aí também?
O GIF tirou um pouco a qualidade e deixou a animação mais lenta do que realmente é, mas a princípio está tudo certo

[fdaciuk]

Qual seu SO @evandersondev ?

[evandersondev]

@fdaciuk eu utilizo o Ubuntu 19