2014-02-26 75 views
0

我在Chrome和Safari中測試,它工作正常。它只是第一個條件。 我做錯了什麼? Sorry..but我在JQuery.I很新的使用jQuery v1.9.1的和IE11下面是腳本:爲什麼JQuery不能在IE和FireFox中工作?

<script> 
    jQuery(document).ready(function() { 
     jQuery(".next").click(function() { 
      var position = $('body').scrollTop(); 
      if (position == 0) { 
       jQuery('html, body').animate({ 
        scrollTop: 642 
       }); 
      } else if (position >= 0 && position <= 642) { 
       jQuery('html, body').animate({ 
        scrollTop: 1735 
       }); 
      } else if (position >= 642 && position <= 1735) { 
       jQuery('html, body').animate({ 
        scrollTop: 2403 
       }); 
      } else if (position >= 1735 && position <= 2403) { 
       jQuery('html, body').animate({ 
        scrollTop: 3236 
       }); 
      } else if (position >= 2403 && position <= 3236) { 
       jQuery('html, body').animate({ 
        scrollTop: 6430 
       }); 
      } else if (position >= 3236 && position <= 6430) { 
       jQuery('html, body').animate({ 
        scrollTop: 7320 
       }); 
      } else if (position >= 7191) { 
       jQuery('html, body').animate({ 
        scrollTop: 0 
       }); 
      } 
     }) 
    }); 
</script> 
+0

您正在使用什麼版本的jQuery? – Rui

+0

你引用了jQuery庫嗎? – christiandev

+0

什麼版本的IE和jQuery? – j08691

回答

6

有些瀏覽器使用body滾動文檔,其他人使用documentElement代替。 (其實,這就是爲什麼你必須使用'html, body'動畫的scrollTop

要獲得一個跨瀏覽器的方式,使用滾動條的位置:

position = document.body.scrollTop || document.documentElement.scrollTop; 
相關問題