body.scrollTop is not working in firefox and IE When inside Blogger

Question

Here is a JavaScript. This is working good in chrome but not working in Firefox and IE when it is inside blogger

if (document.body.scrollTop > 5) {
          var header = document.getElementsByClassName("header")[0];
          header.className = "header down"
}

and i have also trie it

if (document.getElementsByTagName('body')[0].scrollTop > 5) {
          var header = document.getElementsByClassName("header")[0];
          header.className = "header down"
        }

Please tell how it will work in Firefox and IE. Please only JavaScript and No J Query.

but then why it is not working. Please chek it on my website where it is taken http://www.softwarewing.co.vu/ — Syed Muhammad Asad, Aug 25 '15 at 06:18
on edge (windows 10 IE) it's working, but your website is too heavy on effects, on average pc it will run slowly — MozzieMD, Aug 25 '15 at 06:23
@MozzieMD Do you visit my website and see if window scroll down then its header give a change — Syed Muhammad Asad, Aug 25 '15 at 06:41
Yes i checked, it's working, and you used too much javascript! — MozzieMD, Aug 25 '15 at 06:47

score 4 · Answer 1 · edited May 23 '17 at 12:25

4

I've had a look at your website javascript and can see that in IE and Firefox, document.body.scrollTop is always 0. See document.body.scrollTop is always 0 in IE even when scrolling.

Therefore, down will never get added to your header div. You will need to use a combination of document.body.scrollTop or document.documentElement.scrollTop depending on the browser in use.

edited May 23 '17 at 12:25

Community

1
1

answered Aug 25 '15 at 13:22

Sam

893
8
21

what is for the firefox – Syed Muhammad Asad Aug 25 '15 at 16:12
This is the same for Firefox, you will have to use document.documentElement.scrollTop. – Sam Aug 26 '15 at 08:14
@syedMuhammadAsad Please mark as the answer if this fixes your problem. – Sam Aug 26 '15 at 09:13
The problem is coming in my template which is on blogger. This function is not working in firefox when it is inside blogger. But it work well when it is not inside blogger. – Syed Muhammad Asad Sep 04 '15 at 04:12

body.scrollTop is not working in firefox and IE When inside Blogger

1 Answers1