為什么JQuery在IE和FireFox中不起作用？

Question

我在Chrome和Safari中進行了測試，並且可以正常工作。 它只會上升到第一個條件。 我做錯什么了嗎？ 對不起..但是我是JQuery的新手。我使用jQuery v1.9.1和IE11，這是腳本：

<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>

Answer 1

一些瀏覽器使用body來滾動文檔，而其他瀏覽器則使用documentElement 。 （這實際上就是為什么您必須使用'html, body'來使scrollTop動畫的原因）

要以跨瀏覽器的方式獲取滾動位置，請使用：

position = document.body.scrollTop || document.documentElement.scrollTop;