Свитка-поведение: гладкие прыжки вместо плавного прокрутки ⇐ Html

[Anonymous]

Я строю веб -сайт, который содержит различный контент, и вверху я хочу иметь кнопку со стрелкой, которая, когда нажимает, прокручивает вниз до определенного раздела страницы. Css. < /P>
Вот соответствующий код: < /p>


html {
scroll-behavior: smooth !important;
}

.seta-baixo {
display: block;
margin: 2rem auto 1rem auto;
width: 32px;
height: 32px;
cursor: pointer;
animation: pulsar 1.5s infinite;
transition: transform 0.3s ease;
}

@keyframes pulsar {
0% {
transform: translateY(0);
opacity: 0.8;
}

50% {
transform: translateY(8px);
opacity: 1;
}

100% {
transform: translateY(0);
opacity: 0.8;
}
}< /code>


alt="Ver mais"
class="seta-baixo">




alt="Flor decorativa"
class="flor-decorativa"
style="transform: rotate(285deg) scaleX(-1) scaleY(-1);">
...
< /code>
< /div>
< /div>
< /p>
Что я ожидал:
щелчок стрелка должна плавно прокручивать в разделе.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... g-smoothly