Scroller en bas et y rester

Bonjour,

Dans mon application j'affiche un formulaire et une liste en dessous.
Cette liste à longueur variable fonctionne de 2 façons.
Si elle est plus longue que la taille de l'écran, je lui adjoins un scroll.

 <div id="list-container" style=" overflow:auto;width:100% ; height:<?php print $Hscreen?>px ; border: #000000 1px solid;">

Mais à chaque chargement le scroll se trouve au top c'est à dire en haut. Je le voudrais tout en bas.
J'ai essayé en JS:

function scroll_bas() {
        var LG = document.getElementById("list-container");
        LG.scrollTop = LG.scrollHeight;
    }

Au mieux si j'accroche cette fonction au bouton "valider" je vois bien le scroll en bas, mais il remonte aussitôt.

A mon avis il y a un détail que je ne dois pas connaître. Si quelqu'un peut m'aider.... Merci.




**Modifié par la modération pour une lecture plus facile du code, à l'avenir utilisez les balises, VOIR CETTE PAGE