Add a button to scroll down and disable scroll bar scrolling for that region

Here is what I want to achieve exactly.

I have an "HTML Form" with some fields which the user needs to fill out, there are a lot of input elements so I need a scroll bar for that. At the end of the form I have a submit button, when the user hits submit I want the complete form to scroll up and then a new div should show up which has all of the information the user has entered.

I don't want this div to be seen before the user clicks submit i.e the scroll function should only be limited to the "HTML form" and the user should not be able to scroll down to this section (The section should only be visible by clicking on the submit button)

How can I do that using jQuery or any other jQuery library?