How to disable smooth scrolling?

[nullvm]

I have tried to add

html {
  scroll-behavior: auto !important;
}

in the following css files: post-single.css, main.css, reset.css, and blank.css but it still has the smooth scrolling behavior.

[nullvm]

In case someone come across this problem.

After taking a look at the source code, I found the following at line 44 at layouts/partials/footer.html

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "auto"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

by changing the behavior: "smooth" to behavior: "auto" it disable the smooth scrolling behavior.