Home/ Questions/Q 7402983
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T04:55:57+00:00

Suppose I have the following html: <div style=width:200px;height:200px;overflow:scroll> … </div> If the stuff in

  • 0

Suppose I have the following html:

<div style="width:200px;height:200px;overflow:scroll">
  ...
</div>

If the stuff in this div ends up overflowing, the most popular way to change the scrolling position of this item is to use jQuery.scrollTop(). However, I have a situation where I would like to set the initial scroll position of the div using the source HTML. Is there a way of doing this? All examples I see online for doing this end up using javascript.

One way I tried is to write a scrollTop property on the element, like so:

<div scrollTop=20 style="width:200px;height:200px;overflow:scroll">
  ...
</div>

However, this does not work. Surely, there must be a way to set the initial scrolling position of an overflowing item via HTML/CSS…

Here is a full version of this code that illustrates that it doesn’t work- The vertical scrollbar remains at “0”: http://jsfiddle.net/gueBZ/1/

Can anyone help me to make it work? Thanks so much for any pointers!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <div style="width:200px;height:200px;overflow:scroll">
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id="hello">autoscroll here</div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

    then open the page as

    page.html#hello

    this is the only thing you can do, with HTML only

    • 0