Not detecting body.scrollTop and body.scrollLeft in IE6

London Boy · Jan 11, 2004

Hi, i've done a script that makes a DIV appear and follow the mouse cursor and it works
fine but, it has a small glitch, when i scroll the document, the DIV doesn't appear
beside the cursor but much higher on the page.

In the function that shows the DIV for the first time, the document.body.scroll...
doesn't work, they always return 0, though it works on a website i visited... any
clues? (IE)

In the A tags of links -> onMouseOver="showToolTip('text to display');"

function showToolTip(tipText) {
var MouseX=event.clientX+document.body.scrollLeft+10;
var MouseY=event.clientY+document.body.scrollTop+10;
document.all.ToolTipText.innerHTML= tipText;
document.all.ToolTipText.style.top=MouseY;
document.all.ToolTipText.style.left=MouseX;
document.all.ToolTipText.style.visibility="visible";
}

Any help would be appreciated.

London Boy · Jan 11, 2004

London Boy wrote something like Sat 10 Jan 2004 10:42:59p ...

Hi, i've done a script that makes a DIV appear and follow the mouse
cursor and it works fine but, it has a small glitch, when i scroll the
document, the DIV doesn't appear beside the cursor but much higher on
the page.

In the function that shows the DIV for the first time, the
document.body.scroll... doesn't work, they always return 0, though it
works on a website i visited... any clues? (IE)

In the A tags of links -> onMouseOver="showToolTip('text to display');"

function showToolTip(tipText) {
var MouseX=event.clientX+document.body.scrollLeft+10;
var MouseY=event.clientY+document.body.scrollTop+10;
document.all.ToolTipText.innerHTML= tipText;
document.all.ToolTipText.style.top=MouseY;
document.all.ToolTipText.style.left=MouseX;
document.all.ToolTipText.style.visibility="visible";
}

Any help would be appreciated.

Nevermind, i found the problem... the <!DOCTYPE ... tag on top of the
page... for tos ineterested though here's what it looked like before:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

and now, how it works

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Reference from: http://msdn.microsoft.com/library/default.asp?
url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Keith Bowes · Jan 12, 2004

London said:
London Boy wrote something like Sat 10 Jan 2004 10:42:59p ...

Nevermind, i found the problem... the <!DOCTYPE ... tag on top of the
page... for tos ineterested though here's what it looked like before:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

and now, how it works

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Reference from: http://msdn.microsoft.com/library/default.asp?
url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Yes, document.body.scrollTop only works in compatibility (aka quirks)
mode. To do it in standard mode, use:
document.documentElement.scrollTop

You can use document.compatMode to check.

Why this one not working in NS?	1	Oct 7, 2004
Script working in Firefox but not Chrome and Safari	3	Apr 6, 2021
cursor postion for DIV relative position - understanding clientX/Y and OffsetX/Y	1	Nov 20, 2006
how to move an image around in a div	3	Oct 11, 2007
slow response in table cells <TD> to mouseover with IE6 but fine inFirefox.	4	Jun 1, 2008
document.onmousemove not working quite right help?	3	Mar 4, 2004
XHR problem in IE6 (long)	1	Aug 21, 2008
onmouseleave event in IE	3	Nov 21, 2006

Not detecting body.scrollTop and body.scrollLeft in IE6

London Boy

London Boy

Keith Bowes

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads