Actualmente estoy usando el plugin modal bootstrap para mostrar largos mensajes legales en un sitio web que estoy diseñando, pero el problema es que si abres uno tras otro, el segundo ya se desplazará a la posición que sea la primera. . Así que estoy buscando una manera de desplazar un div a la parte superior con JS / JQuery. Este es el código que estoy usando actualmente:

HTML:

<!--MODAL-->
<div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="modalTitle"></h3>
</div>
<div id="modal-content" class="modal-body">
</div>
<div class="modal-footer">
<button id="modalPrint" class="btn btn-info hidden-phone" onClick=''>Print</button>
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>

Javascript:

function openModal(heading, url) {
    $.ajax({
    url: url,
    cache: false
    }).done(function( html ) {
    $("#modal-content").html(html);
    $("#modalTitle").html(heading);
    $('#modalPrint').attr('onClick', 'loadPrintDocument(printCookies, {attr : "href", url : '+ url +', showMessage: false, message: "Please wait while we create your document"})');
    $('#modal').modal('show');
    $("#modal-content").scrollTop(0);
    });
}

Como puede ver, he intentado desplazarme hasta la parte superior después de que se haya mostrado el modal. ¿Algunas ideas?