Smooth scroll to feedback message on Jetformbuilder form submission

gistfile1.txt

Smooth scroll to feedback message on Jetformbuilder form submission
1. Copy the following JS code and create a JS snippet using your snippet plugins. Paste the code into the plugin and save it.
Description:
This script enhances the user experience of JetFormBuilder forms by automatically scrolling the view to display feedback 
messages smoothly upon form submission. It utilizes jQuery and a MutationObserver to detect changes within the form, 
ensuring that whether the form submission is successful or encounters errors, users are smoothly guided to the 
feedback message. This feature is especially useful in long forms or on pages with substantial content, improving 
visibility of form outcomes and reinforcing user interaction without manual scrolling.


__________________________________________________
jQuery(document).ready(function($) {
    function scrollToMessage() {
        var message = $('.jet-form-builder-message--success, .jet-form-builder-message--error');
        if (message.length) {
            $('html, body').animate({
                scrollTop: message.offset().top - 20 // Adjusted to add a little space above the message
            }, 500); // Faster animation speed
        }
    }

    // Scroll to the message if it exists when the page loads
    scrollToMessage();

    // Use MutationObserver to handle AJAX submissions or dynamic content changes
    var observer = new MutationObserver(function(mutations, obs) {
        scrollToMessage();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
});

Is that any way possible to update listing grid without reload window ? ajax update or realtime update.