« Wive-NG with Dlink DWL-G700AP does not work in Client modeSuppressing mplayer's pesky error messages »

Scrolling overflowed DOM elements

Javascript, AJAX, 59 words   English (AU) Bookmark and Share

Because when an overflowed DOM element is first created, it always starts scrolling from the top.
However, you can scroll down an overflowed DOM element such as a Div by setting the scroll.

The follow sample is written in jQuery

Code:

$("#bigDiv").scrollTop($("#bigDiv")[0].scrollHeight - $("#bigDiv").height());

Where
$("#bigDiv")[0].scrollHeight is the full overflowed height of the content.
$("#bigDiv").height() is the height of the container.

Trackback address for this post

This is a captcha-picture. It is used to prevent mass-access by robots.
Please enter the characters from the image above. (case insensitive)

No feedback yet

Leave a comment


Your email address will not be revealed on this site.
(Line breaks become <br />)
(For my next comment on this site)
(Allow users to contact me through a message form -- Your email will not be revealed!)
This is a captcha-picture. It is used to prevent mass-access by robots.
Please enter the characters from the image above. (case insensitive)
February 2012
Mon Tue Wed Thu Fri Sat Sun
 << <   > >>
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        
Brinley Ang

Brinley Ang is a sysadmin, web dev, coder, geek boy, jedi knight fragger, caffine addict, deaf meloncholic and rockstar wannabe. Listens to the sex pistols and a wide assortment of heavy metal.

Make payments with PayPal - it's fast, free and secure!
Search
home | portfolio | blog | links | contact
© 2012 - Brinley Ang
Valid xhtml