.body.scrollHeight doesn't work in Firefox

Question

.body.scrollHeight does not work in Firefox.

What is the correct syntax to use instead?

These pages seems to contain info about the issue; http://www.webdeveloper.com/forum/showthread.php?73161-.scrollHeight-in-firefox, https://developer.mozilla.org/en-US/docs/DOM/element.scrollHeight, http://stackoverflow.com/questions/4369990/scrollheight-property-in-firefox — , Apr 10 '13 at 17:38
I got 0 on the alert but after adding a bunch of `
` it seems to work — Rodrigo Siqueira, Apr 10 '13 at 17:42
@RodrigoAssis Ok... I added some `
` and it seems to increase from 0 but it is not the height of the scrollable area... it seems to be the height of the content. — G-J, Apr 10 '13 at 17:44
Sorry G-J. Try to see this jQuery hack; http://stackoverflow.com/questions/9471286/window-scrollfunction-not-working-on-firefox. You could backtrace the solution to the jQuery source and clone the functionality of the given hack/answer. — , Apr 10 '13 at 17:51

score 21 · Accepted Answer · edited May 23 '17 at 11:46

21

This question has the same root problem as the thread at... Dynamically define iframe height based on window size (NOT CONTENT)

Understanding the issue at that thread will give the solution to this.

Basically, instead of using .body.scrollHeight, add this code...

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)
    );
}

The answer was obtained from: http://james.padolsey.com/javascript/get-document-height-cross-browser/

edited May 23 '17 at 11:46

Community

1
1

answered Apr 10 '13 at 20:10

G-J

1,080
2
16
32

Has this code stopped working in the past 3 years since the answer was given? I just tested it in Firefox and found that it yields the same value as just using document.body.scrollHeight. – Brandon Elliott Jul 03 '16 at 18:33
@BrandonElliott I'll test it and get back to you, but the issue is caused by body.scrollHeight not being reliable. – RSinohara Nov 15 '16 at 17:39

score 1 · Answer 2 · edited Oct 24 '17 at 08:28

1

Use below code:

JavascriptExecutor jse = (JavascriptExecutor) (WebDriverObject);
jse.executeScript("window.scrollBy(0,document.body.scrollHeight || document.documentElement.scrollHeight)", "");

edited Oct 24 '17 at 08:28

skirtle

27,868
4
42
57

answered Oct 24 '17 at 08:05

Ankit Gupta

776
5
12

.body.scrollHeight doesn't work in Firefox

2 Answers2

Linked