2015-08-25 108 views
1

這是一個JavaScript。這是工作中的鉻不錯,但在Firefox和IE瀏覽器不工作時,它裏面的博客body.scrollTop在firefox和IE中不起作用當在Blogger內部時

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

我也有TRIE它

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

請告訴它如何在Firefox和IE瀏覽器。請只使用JavaScript和無J查詢。

+0

在Firefox中沒有錯誤,即? – MozzieMD

+0

但爲什麼它不起作用。請在我的網站上查看http://www.softwarewing.co.vu/ –

+0

(Windows 10 IE)的工作情況,但是您的網站對效果太重了,平均而言,它會運行得很慢 – MozzieMD

回答

4

我看了一下你的網站的javascript,可以看到在IE和Firefox中,document.body.scrollTop總是0.見document.body.scrollTop is always 0 in IE even when scrolling

因此,down將永遠不會被添加到您的標題div。您將需要使用document.body.scrollTopdocument.documentElement.scrollTop的組合,具體取決於使用的瀏覽器。

+0

什麼是火狐 –

+0

這與Firefox相同,您將不得不使用document.documentElement.scrollTop。 – Sam

+0

@syedMuhammadAsad請標記爲答案,如果這可以解決您的問題。 – Sam

相關問題