scroll div

file.js

function scroll_screen(){
    if ($('.error-color')) {
        // old code for full screen scrolling
        // var content_class = "callon_content";
        // $('.'+content_class).animate({
        //     scrollTop: $('.error-color').offset().top
        // }, 2000);

        // new code to scroll inside middle div
        let errorElement = document.getElementsByClassName('error-color')[0];
        errorElement.scrollIntoView({
            behavior: "smooth"
        });
    }

}
function scroll_screen_options(errorClass = 'error-color'){
    if ($(`.${errorClass}`)) {
        // old code for full screen scrolling
        // var scroll_pos = $(`.${errorClass}`).position().top;
        // $( "div.callon_content" ).scrollTop( scroll_pos - 70 );

        // new code to scroll inside middle div
        let errorElement = document.getElementsByClassName(errorClass)[0];
        errorElement.scrollIntoView({
            behavior: "smooth"
        });
    }
}