Problem programatically setting scrollbar position in IE

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • alvinpoon@gmail.com

    Problem programatically setting scrollbar position in IE

    Hello,

    I have a problem setting the scrollbar position of a div region on a
    webpage which is posted at

    Latest news coverage, email, free stock quotes, live scores and video are just the beginning. Discover more every day at Yahoo!


    If the page is loaded with Netscape, the vertical scrollbar on the left
    side will be moved down a little bit but if the page is loaded with
    Internet explorer, the scrollbar remains at the top of the scroll area.


    The tag for the div region is:

    <div id="UserList" style="border: 0px none rgb(0, 0, 0); position:
    static; width: 100%; height: 180px; overflow: auto; background-color:
    rgb(231, 232, 234); visibility: visible;">

    The javascript I'm using to move the scrollbar down is:

    document.getEle mentById('UserL ist').scrollTop =25

    Can anyone tell me why the javascript code above works in Netscape but
    not in Internet Explorer? Is there any way to fix the code so that it
    will work in Internet Explorer and Netscape?

    Thank you for your help.

  • RobB

    #2
    Re: Problem programatically setting scrollbar position in IE

    alvinp...@gmail .com wrote:[color=blue]
    > Hello,
    >
    > I have a problem setting the scrollbar position of a div region on a
    > webpage which is posted at
    >
    > http://www.geocities.com/virtuosity999/Logon.htm
    >
    > If the page is loaded with Netscape, the vertical scrollbar on the[/color]
    left[color=blue]
    > side will be moved down a little bit but if the page is loaded with
    > Internet explorer, the scrollbar remains at the top of the scroll[/color]
    area.[color=blue]
    >
    >
    > The tag for the div region is:
    >
    > <div id="UserList" style="border: 0px none rgb(0, 0, 0); position:
    > static; width: 100%; height: 180px; overflow: auto; background-color:
    > rgb(231, 232, 234); visibility: visible;">
    >
    > The javascript I'm using to move the scrollbar down is:
    >
    > document.getEle mentById('UserL ist').scrollTop =25
    >
    > Can anyone tell me why the javascript code above works in Netscape[/color]
    but[color=blue]
    > not in Internet Explorer? Is there any way to fix the code so that[/color]
    it[color=blue]
    > will work in Internet Explorer and Netscape?
    >
    > Thank you for your help.[/color]

    Try calling it onload. IE often needs to 'set up' before it allows
    scripting of elements.

    Unfortunately, you'll probably notice a annoying delay before
    window.onload is called - the result of a fairly horrendous amount of
    code duplication. Even the example you posted above might have simply
    been:

    <div id="UserList"
    style="border:n one;height:180p x;overflow:auto ;background-color:rgb(231,
    232, 234);">

    ....and should have been moved to a stylesheet, possibly assigned by
    class to avoid duplication. Many, many more examples. Even your naming
    is verbose. Slim that thing down. #;-)

    Comment

    Working...