[JavaScript] DIV scrollpositie werkt niet altijd

[Swerfer]

Onderstaand script moet ervoor zorgen dat na een postback de scrollpositie van zowel het hele window als van een DIV bewaard blijft.

Die van het hele window werkt prima, die van de DIV werkt alleen als de scrollpositie van het hele window geen waarde heeft (ofwel niet bestaat, geen scrollbar)...

JavaScript:

<form ID="Form1">
 <div ID="Layout">

blahblah

</div>

blahblah

<input id="FormScrollPosX" type="hidden" runat="server" NAME="FormScrollPosX">
<input id="FormScrollPosY" type="hidden" runat="server" NAME="FormScrollPosY">
<input id="DivScrollPosX" type="hidden" runat="server" NAME="DivScrollPosX">
<input id="DivScrollPosY" type="hidden" runat="server" NAME="DivScrollPosY">
<script language = "javascript">
    <!--
        function GetCoords()
            {
            var FormScrollX, FormScrollY, DivScrollX, DivScrollY;
            if (document.all)
                {
                if (!document.documentElement.scrollLeft)
                    FormScrollX = document.body.scrollLeft;
                else
                    FormScrollX = document.documentElement.scrollLeft;
                if (!document.documentElement.scrollTop)
                    FormScrollY = document.body.scrollTop;
                else
                    FormScrollY = document.documentElement.scrollTop;
                }
            else
                {
                FormScrollX = window.pageXOffset;
                FormScrollY = window.pageYOffset;
                }
            DivScrollX = document.getElementById("Layout").scrollLeft;
            DivScrollY = document.getElementById("Layout").scrollTop;
            document.forms.form1.FormScrollPosX.value = FormScrollX;
            document.forms.form1.FormScrollPosY.value = FormScrollY;
            document.forms.form1.DivScrollPosX.value = DivScrollX;
            document.forms.form1.DivScrollPosY.value = DivScrollY;
            }
        function Scroll()
            {
            var x = document.forms.form1.FormScrollPosX.value;
            var y = document.forms.form1.FormScrollPosY.value;
            window.scrollTo(x, y);
            document.getElementById("Layout").scrollLeft = document.forms.form1.DivScrollPosX.value;
            document.getElementById("Layout").scrollTop = document.forms.form1.DivScrollPosY.value;
            }
        window.onload = Scroll;
        window.onscroll = GetCoords;
        window.onclick = GetCoords;
        window.onkeypress = GetCoords;
        document.getElementById("Layout").onscroll = GetCoords;
        document.getElementById("Layout").onclick = GetCoords;
        document.getElementById("Layout").onkeypress = GetCoords;
    // -->
</script>
</form>

Hoe kan ik ervoor zorgen dat de scrollpositie van de div ook behouden blijft als de scrollpositie van het window een waarde heeft?

[Swerfer]

Ik heb al een manier gevonden. Ik heb de GetCoords functie opgesplitst in 2 aparte functies voor zowel de window als de div...

JavaScript:

<script language = "javascript">
    <!--
        function FormGetCoords()
            {
            var FormScrollX, FormScrollY, DivScrollX, DivScrollY;
            if (document.all)
                {
                if (!document.documentElement.scrollLeft)
                    FormScrollX = document.body.scrollLeft;
                else
                    FormScrollX = document.documentElement.scrollLeft;
                if (!document.documentElement.scrollTop)
                    FormScrollY = document.body.scrollTop;
                else
                    FormScrollY = document.documentElement.scrollTop;
                }
            else
                {
                FormScrollX = window.pageXOffset;
                FormScrollY = window.pageYOffset;
                }
            document.forms.form1.FormScrollPosX.value = FormScrollX;
            document.forms.form1.FormScrollPosY.value = FormScrollY;
            }
            
        function DivGetCoords()
            {
            DivScrollX = document.getElementById("Layout").scrollLeft;
            DivScrollY = document.getElementById("Layout").scrollTop;
            document.forms.form1.DivScrollPosX.value = DivScrollX;
            document.forms.form1.DivScrollPosY.value = DivScrollY;
            }
            
        function Scroll()
            {
            var x = document.forms.form1.FormScrollPosX.value;
            var y = document.forms.form1.FormScrollPosY.value;
            window.scrollTo(x, y);
            document.getElementById("Layout").scrollLeft = document.forms.form1.DivScrollPosX.value;
            document.getElementById("Layout").scrollTop = document.forms.form1.DivScrollPosY.value;
            }
            
        window.onload = Scroll;
        window.onscroll = FormGetCoords;
        document.getElementById("Layout").onscroll = DivGetCoords;
    // -->
</script>