Detect the specific element and scroll to vertically down
<p>I have an item page and each item has an "image link", hovering mouse over image link a tool tip is shown describing the item. My page is scrollable that indicates good amount of items are viewed. My problem is when I am at the bottom of the page, and put mouse over the "image Link" the tool-tip is not fully shown [half is covered by the window]. So What I want is as soon as I am on the image link and if I see the tool-tip will not be fully shown, I will scroll down the page by the amount of width pixel of the tool-tip. I tried this, but this happens for all image link, but I need for the last image-link in the page visibile area. [I need javascript help]</p>

<pre><code>   var totalHeight, currentScroll, visibleHeight
    currentScroll = GetScrollTop();
    totalHeight = document.body.offsetHeight;
    visibleHeight = document.documentElement.clientHeight;


    if (e.pageY &lt;= currentScroll + visibleHeight) {  //This is always true         
        window.scrollTo(0, currentScroll + 100);

    }
</code></pre>

<p>Thanks in advance.</p>
