javascript - how to scroll to set the bottom of a DIV at the bottom of the screen (monitor) -


there div in website , height not fixed. when user moves mouse on image div appeared , display information image. there several images in grid format on page , every 1 has own information. images @ bottom of screen mouseover section of information div off screen. want automatically control situation , when section of div off screen scrollbar goes down until reaches bottom of div.

this pseudo code not implement in jquery.

  1. calculate screenheight
  2. calculate divheight
  3. calculate divdistancefromtopofscreen

if (screenheight < divheight + divdistancefromtopofscreen) then

    scroll down bottom of `div`

if think algorithm right how can implement such thing?

this should it.

javascript:

var top = $('.thediv').offset().top;     // top of div relative document var div_height = $('.thediv').height();  // height of div window.scrollto(0, top + div_height);    // scroll bottom of div

references:

fiddle: http://jsfiddle.net/manishie/ngdbl/


Comments

Post a Comment

Popular posts from this blog

php - Add the correct number of days for each month -

using following function can display years , months between 2 dates, how can add correct days each month array within each month? can't add days manually need account leap years etc. function yearmonth($start_date, $end_date) { $begin = new datetime( $start_date ); $end = new datetime( $end_date); $interval = new dateinterval('p1m'); // 1 month interval $period = new dateperiod($begin, $interval, $end); foreach ( $period $dt ) $years[$dt->format( "y" )][] = $dt->format( "f" ); return $years; } $list = yearmonth("2007-03-24", "2009-06-26"); var_dump($list); since nobody else answered: function yearmonth($start_date, $end_date) { $begin = new datetime( $start_date ); $end = new datetime( $end_date); $interval = new dateinterval('p1d'); // 1 month interval $period = new dateperiod($begin, $interval, $end); $lastmonth = null; $lastyear = null; $aresult = array(); forea...
Read more

java.util.scanner - How to read and add only numbers to array from a text file -

i'm learning java , have question regarding reading file want read numbers file contains strings well. here example of file: 66.56 "3 java 3-43 5-42 2.1 1 and here coding: public class test { public static void main (string [] args){ if (0 < args.length) { file x = new file(args[0]); try{ scanner in = new scanner( new fileinputstream(x)); arraylist<double> test = new arraylist<>(); while(in.hasnext()){ if(in.hasnextdouble()){ double f=in.nextdouble(); test.add(f);} else {in.next();} } catch(ioexception e) { system.err.println("exception during reading: " + e); } } my problem add 66.56,2.1 , 1 doesn't add 3 after "3 or ignores 3-43 , 5-42 can tell me how skip strings , add doubles here? thanks all said 3 ie; "3, 3-43 , 4-42 strings either u read string , split , check number @ " , - or put in space between characters , integers. jvm after compilation tre...
Read more