Scroll-Verhalten: glatte Sprünge anstatt reibungslos zu scrollen ⇐ CSS

[Anonymous]

Ich erstelle eine Website, die verschiedene Inhalte enthält, und oben möchte ich eine Pfeilschaltfläche, die beim Klicken auf einen bestimmten Abschnitt der Seite nach unten scrollt. Wenn ich jedoch auf den Pfeil klicke, scrollt es nicht reibungslos. Stattdessen springt es sofort auf den Zielabschnitt. CSS.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>
Was ich erwartet habe:
Klicken auf den Pfeil sollte reibungslos zum Abschnitt scrollen.>