css overscroll scroll to position

Question

Possible Duplicate:
Changing Scrollbar Position

I have a div that will act like an image browser

<div style="width:100%; height:500px; overflow:auto;">
    <img src="myimage.jpg" alt="news" style="width:100%;height:auto;"/>
</div>

if my image is 1200px in height, is there anyway that i can predefine the scrolling position of the image? basically scroll to the middle part of the image when the page loads

i'm not looking for an jQuery scrolling animation plugin. I want the page to load with the image already scrolled to a specific position.

my main audience would be using various versions of IE....(> IE7)

That is jQuery, but not any scrolling animation plugin so in my book that is a working solution. — Henrik Ammer, Sep 03 '12 at 15:03

score 2 · Accepted Answer · answered Sep 03 '12 at 15:04

2

jQuery

$('#foo').scrollTop(500);

Pure JS

 document.getElementById('foo').scrollTop = 500; // (working with IE6+)

More information find here:

http://www.quirksmode.org/dom/w3c_cssom.html#t35

answered Sep 03 '12 at 15:04

Peter

16,453
8
51
77

score 1 · Answer 2 · answered Sep 03 '12 at 15:10

1

use scrollTo(0, window height * 0.5); or if you need you can calculate the current div's center relative to the page offset.

answered Sep 03 '12 at 15:10

Chris

404
4
13

css overscroll scroll to position

2 Answers2