Non dici che oggetti sono i tuoi record, per cui saro` un po' generico.

Esiste l'attributo display dei CSS:
display: none; /* l'oggetto non viene visualizzato */
display: block; /* l'oggetto viene visualizzato come blocco */

Per modificare tale proprieta` da JS si usa:
document.getElementById('ID_OGGETTO').style.displa y = 'none';
document.getElementById('ID_OGGETTO').style.displa y = 'block';

Puoi pertanto cambiare dinamicamente tale proprieta`.

In alternativa puoi usare un <div> con barra di scorrimento:[code]
<div style="height:20em; overflow:auto;">
<div id="record1"> qui il tuo contenuto </div>
<div id="record2"> qui il tuo contenuto </div>
<div id="record3"> qui il tuo contenuto </div>
...
</div>

Nota: lo stile (che ho messo embedded per semplicita`) andrebbe inserito in un CSS nella head.