Help With Waiting Screen and Disabling scrolling

Help With Waiting Screen and Disabling scrolling

Hello to all,

Problem: Creating a waiting screen on click. 

So far I have a div that covers all the screen and has an animated gif in the center when clicking. The problem is that if the person scrolls down the div does not cover the entire page.

So I would like to add to the following code a function that positions the user on the top of the url and disables scrolling. 

Please help i am a newbie (you can see how it works in renta carros)

I have this code:

</script>
    <script type="text/javascript">
        $(function() {
            $(".botonazul").click(function() {
                $("#theDiv").show();
            });
        });
    </script>

What id does is shows this div:

<div id="theDiv" style="display:none; position:absolute; width:100%; background-color: #FFF; height:3000px; text-align:center; padding-top:200px"><img src="images/icon.png" width="138" height="145" /><p>Estamos procesando su solicitud...</p>
<img src="images/waiting.gif" width="60" height="60" /></div>