How to get the scroll bar height which is dragged down ?

Question

0.00/5 (No votes)

See more:

How to get the scroll bar height which is dragged down ?

I have a page which is having a vertical scroll. I have dragged the scroll bar till the bottom of the page. Now if I use "e.screenY" it will give only the screen height with respect to mouse pointer. If I try to locate a "div" with this "e.screenY"(like this, document.getElementById('divDiscount').style.top = e.screenY - 130 + "px";) it will be located at the top of the page instead of top of the screen. Therefore its not visible to the user. We need to scroll up to see the "div". If I can get scroll height i.e, how much height it has been dragged down, I can locate the div. What would be the solution to this problem?

(Note:If you dint get the question please let me know :) )

Posted 2-Aug-10 2:35am

Raghavendra HG

Add a Solution

Comments

koool.kabeer 2-Aug-10 8:41am

do you want the element...
document.getElementById('divDiscount')(may be some other element in asp page)
as Visible Always?....

koool.kabeer 2-Aug-10 8:51am

seems you want that element to be shown even when you are scrolling the Page...

Raghavendra HG 2-Aug-10 9:25am

No I want that div when I click a link inside a grid.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

E.F. Nijboer · Answer 1 · 2010-08-02T02:57:00

You need to put it relative to the document, not the screen I would say.

Here you have some cross browser compatible javascript to get the document height.

JavaScript

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

...or maybe have a look at this:

http://www.evolt.org/article/document_body_doctype_switching_and_more/17/30655/[^]

Good luck!