How do I automatically scroll to the bottom of a div?

Asked Aug 21 '14 at 22:57

Active Aug 21 '14 at 23:14

Viewed 75 times

I have a <table> setup to display a set of data that is generated via PHP from a MySQL Database. The <table> is located inside a <div> with a max-height CSS property. Sometimes the information exceeds the max-height, and I would like to scroll to the bottom of the <table>.

I am currently using the bellow jQuery, but it only scrolls down to the middle of the <div>.

var mydiv = $('#mes');
mydiv.scrollTop(mydiv.prop('scrollHeight'));

Thank you very much, any help would be greatly appreciated!

edited Aug 21 '14 at 23:14

misterManSam

24,303
11
69
89

asked Aug 21 '14 at 22:57

Case Ertel

You should have your jquery in a `$(document).ready(function () {});` Also, please see [this answer on SO](http://stackoverflow.com/a/2664878/3033053) – disappointed in SO leadership Aug 21 '14 at 23:03
The actual HTML would be useful in debugging this issue. – Fillip Peyton Aug 21 '14 at 23:29
Sounds more like you need `overflow: scroll` on the containing div. – ralph.m Aug 21 '14 at 23:39
I think it's be useful if create a JSFiddle. – Moshtaf Aug 22 '14 at 00:02

How do I automatically scroll to the bottom of a div?

0 Answers0