JSFiddle - React, Tailwind, and code Playground

by Patrick Gordon

HTML

<body>
    <div class='massive-div'></div>
    <div class='error-message'>Error!</div>
    <div class='massive-div'></div>
</body>

CSS

.massive-div {
    min-height:1000px;
    background-color: blue;
}

.error-message {
    background-color: red;
    min-height:100px;
}

JavaScript

$(document).ready(function () {
    if ($('.error-message').length) {
        
        $('html, body').animate({
            scrollTop: $(".error-message").offset().top
        }, 3000);
    };
});