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

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

rewrite - Trouble with Wordpress multiple custom querystrings -

i'm working on adding multiple querystring , doesn't seem work. i've found codes seems work others might i'm missing something. i want like: http://mydomain.com/board/?getyear=2013&getsometext2=sometext to http://mydomain.com/board/2013/sometext/ i added code below functions.php file. doesn't seem work should though. this works. echoing querystring gets both variable without problem. http://mydomain.com/board/2013/sometext/ but doesn't. tested querystring vis isset() seems nothing being set/get http://mydomain.com/board/2013/ function add_query_vars($vars) { $vars[] = "getyear"; $vars[] = "getsometext2"; return $vars; } add_filter('query_vars', 'add_query_vars'); function add_rewrite_rules($arules) { $anewrules = array('board/([^/]+)/([^/]+)/?$' => 'index.php?pagename=board&getyear=$matches[1]&getsometext2=$matches[2]'); $arules = $a...
Read more