9248 2006-06-02 12:02:06 -0700 Quirksmode: document.documentElement.scrollTop is always 0 2013-09-25 21:06:43 -0700 1 1 1 Unclassified WebKit DOM 420+ All OS X 10.4 RESOLVED DUPLICATE 106133 http://www.quirksmode.org/bugreports/archives/2006/02/scrollTop_in_select_list_in_IE_is_always_0.html P2 Normal --- 9610 1 adele tonikitoo anantha dglazkov hyatt ian joao.eiras johnnyding.webkit jon mdu peter017 pivo priyajeet.hora simon.fraser syoichi tonikitoo VE3LL webkit oldest_to_newest 44413 0 adele 2006-06-02 12:02:06 -0700 http://www.quirksmode.org/bugreports/archives/safari/index.html "It is not possible to obtain the correct scrollTop value of a select list in Explorer, regardless of strict/quirks mode. to reproduce, enter the test page, scroll the list a bit, then hit the button. The alert will display 0 value in IE, and correct value in Mozilla based browsers. Test page http://firefang.net/~omry/bug/scrollTop.html Workaround is not included Reported by: Omry Yadan." 47002 1 joost 2006-06-24 13:27:32 -0700 Changing component, confirming this is still a bug. 47003 2 joost 2006-06-24 13:27:50 -0700 Changing component, confirming this is still a bug. 24043 3 ap 2007-02-12 03:37:17 -0800 The test page is 404, and I cannot find the report on quirksmode.org. In my testing, I'm getting 0 from Firefox, too, so I am not sure what the original test could be. 24055 4 ddkilzer 2007-02-12 06:44:07 -0800 Google to the rescue! http://www.google.com/search?client=safari&rls=en&q=site:quirksmode.org+Omry+Yadan&ie=UTF-8&oe=UTF-8 23711 5 hyatt 2007-02-12 14:09:14 -0800 I fixed this in our new list boxes, although it's still not perfect. 70504 6 webkit 2008-02-13 03:06:08 -0800 Is the bug still alive? Test page was gone. A new test case uploaded would be welcome. 80982 7 VE3LL 2008-05-20 07:23:26 -0700 I am finding that document.documentElement.scrollTop still gives zero for WebKit nightly downloaded on May 19, 2008. msie, firefox, opera reporting correct numbers. My test case is rather long but i will reduce it to a couple of thou bytes and then share if you wish .... john in niagara canada 80984 8 VE3LL 2008-05-20 07:32:41 -0700 here is the shortened test <?xml version="1.1" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head><title>StickyBug:VE3LL@RAC.CA</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <script type="text/javascript">//<![CDATA[ var ltop2;scrollSpeed2=20; //Screen refresh rate in msec. function checkScrolled2(){ //backTo Top link stays in lower right window.status=document.documentElement.scrollTop document.getElementById('stickyEl').style.top = document.documentElement.scrollTop+ltop2+'px'; setTimeout(checkScrolled2,scrollSpeed2) ;} function stickyInit(){ copy='<a href="jstutor5.htm">GoTo Top<\/a>'; //dynamic text only document.getElementById('stickyEl').innerHTML=copy; //dynamic text only ltop2=parseInt(document.getElementById('stickyEl').style.top,10); checkScrolled2();} //]]> </script></head> <body onload="stickyInit();"><h1>StickyBug:VE3LL@RAC.CA</h1> <div id="stickyEl" style="position:absolute;top:380px;left:655px;z-index:3">***</div> <pre> // SOME STUFF TO ALLOW SCREEN TO SCROLL -- WATCH THE GoToTop MARKER // and then the status line for what scrollTop is returning // repeat with MSIE, FireFox and Opera /* checked with jsLint 2008 04 22 */ // scripts for tutorial #5 - DOM and DHTML /* BackToTop link that sticks in one spot */ var ltop2;scrollSpeed2=20; //Screen refresh rate in msec.? function checkScrolled2(){ //backTo Top link stays in lower right window.status=document.documentElement.scrollTop document.getElementById('stickyEl').style.top= document.documentElement.scrollTop+ltop2+'px'; setTimeout(checkScrolled2,scrollSpeed2);} function stickyInit(){ //write link dynamically document.getElementById('stickyEl').innerHTML=copy; ltop2=parseInt(document.getElementById('stickyEl').style.top,10); checkScrolled2();} </pre></body></html> 86761 9 webkit 2008-07-23 13:20:45 -0700 Nice demo how browsers deal with scrollTop is available on http://13thparallel.com/archive/viewport/example6.htm You can notice that in WebKit only working property is document.body.scrollTop and it works in quirks mode and strict mode. Only document.documentElement.scrollTop is unsupported. 86763 10 webkit 2008-07-23 13:21:40 -0700 *** Bug 16911 has been marked as a duplicate of this bug. *** 149345 11 peter017 2009-09-23 03:38:28 -0700 At this date, the bug is still here, and it is not Mac-specific (same problem with Google Chrome and Konqueror when using Webkit)... 156424 12 johnnyding.webkit 2009-10-21 00:22:57 -0700 Now IE6/7/8 and Firefox get scrollTop from document.documentElement.scrollTop under standards mode and from document.body.scrollTop under quirks mode. But all WebKit based browsers (like Safari and Chrome), under both standards and quirks mode, all only get scrollTop from document.body.scrollTop, and document.documentElement.scrollTop is always 0. Since there is no standard/universal way to get scrollTop, How about to get scrollTop by : document.documentElement.scrollTop >= document.body.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop. scrollLeft is similar as scrollTop. 310183 13 74095 joao.eiras 2010-11-17 02:33:01 -0800 Created attachment 74095 Testcase My testcase tests standards mode and shows that in webkit, documentElement.scrollTop/Left are 0. However, scrollLeft and scrollTop on the document element should returns the amount of viewport scrolled in that direction, while the same properties on body must be zero (unless the body also overflows, which is not the case in the testcase). Known victim: http://www.is-real.net/experiments/css3/wonder-webkit/ Site relies on this behavior and breaks in all the other browser, although the others implement the *correct* behavior. 933171 14 tonikitoo 2013-09-25 13:15:23 -0700 *** This bug has been marked as a duplicate of bug 106133 *** 933346 15 tonikitoo 2013-09-25 21:06:43 -0700 (In reply to comment #14) > > *** This bug has been marked as a duplicate of bug 106133 *** bug 106133 fixed the problem that WebKit had handling scrollTop/Left for document.documentElement and document.body in quirks and strict modes. Setters of these properties do not work still, so the URL below still. Fails. http://maisqi.com/outros/bugs/chrome/CHN6 File bug 106133. 74095 2010-11-17 02:33:01 -0800 2010-11-17 02:33:01 -0800 Testcase bigviewport.html text/html 1152 joao.eiras PCFET0NUWVBFIEhUTUwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMDEvL0VOIiAiaHR0cDov L3d3dy53My5vcmcvVFIvaHRtbDQvc3RyaWN0LmR0ZCI+CjxodG1sPgo8aGVhZD4KCTx0aXRsZT48 L3RpdGxlPgoJPG1ldGEgaHR0cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250ZW50PSJ0ZXh0L2h0 bWw7IGNoYXJzZXQ9dXRmLTgiPgoJPHN0eWxlPgoJCWJvZHksZGl2LHB7bWFyZ2luOjA7Zm9udC1m YW1pbHk6c2Fucy1zZXJpZn0KCTwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+Cgk8ZGl2IHN0eWxlPSJi YWNrZ3JvdW5kLWNvbG9yOmxpZ2h0Z3JleTt3aWR0aDo4MDAwcHg7aGVpZ2h0OjgwMDBweCI+CgkJ PHAgaWQ9ImxvZyI+RkFJTEVEIChKYXZhc2NyaXB0IG11c3QgYmUgb24pPC9wPgoJPC9kaXY+CgoJ PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgoJb25sb2FkID0gZnVuY3Rpb24oKXsKCQl3 aW5kb3cuc2Nyb2xsVG8oMCwwKTsKCQl3aW5kb3cuc2Nyb2xsQnkoNTAwLDUwMCk7CgoJCXZhciBk aW1lbnNpb25zID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCsnLycrZG9jdW1l bnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbEhlaWdodCsnLycrZG9jdW1lbnQuZG9jdW1lbnRFbGVt ZW50LnNjcm9sbExlZnQrJy8nK2RvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxXaWR0aCsn ICcrCgkJCWRvY3VtZW50LmJvZHkuc2Nyb2xsVG9wKycvJytkb2N1bWVudC5ib2R5LnNjcm9sbEhl aWdodCsnLycrZG9jdW1lbnQuYm9keS5zY3JvbGxMZWZ0OwoJCS8vZG9jdW1lbnQuYm9keS5zY3Jv bGxXaWR0aCByZXR1cm5zIDgwMDAgaW4gSUU5ICh3aGljaCBpcyB0aGUgZXhwZWN0ZWQgdmFsdWUp IGFuZCB0aGUgd2lkdGggb2YgdGhlIHZpZXdwb3J0IGluIE1vemlsbGEgYW5kIE9wZXJhIGR1ZSB0 byBidWcgY29tcGF0IDooCgkJdmFyIGZhaWwgPSBkaW1lbnNpb25zID09ICc1MDAvODAwMC81MDAv ODAwMCAwLzgwMDAvMCcgPyAnJyA6IGRpbWVuc2lvbnM7CgkJZG9jdW1lbnQuZ2V0RWxlbWVudEJ5 SWQoJ2xvZycpLmZpcnN0Q2hpbGQubm9kZVZhbHVlID0gZmFpbCA/ICdGQUlMIChnb3QgJytmYWls KycpJyA6ICdQQVNTJzsKCgkJd2luZG93LnNjcm9sbFRvKDAsMCk7Cgl9Cgk8L3NjcmlwdD4KPC9i b2R5Pgo8L2h0bWw+