javascript - document.body.scrollTop Firefox 返回 0 : ONLY JS

Question

有纯 javascript 的替代品吗？

以下作品适用于 Opera、Chrome 和 Safari。还没有在资源管理器上测试过:

http://monkey-me.herokuapp.com

https://github.com/coolcatDev/monkey-me-heroku/blob/master/static/js/myscripts.js

在页面加载时应该向下滚动到 div '.content':

var destiny = document.getElementsByClassName('content');
var destinyY = destiny[0].offsetTop;
scrollTo(document.body, destinyY, 200);

function scrollTo(element, to, duration) {
    if (duration <= 0) return;
    var difference = to - element.scrollTop;
    var perTick = difference / duration * 2;

    setTimeout(function() {
        element.scrollTop = element.scrollTop + perTick;
        scrollTo(element, to, duration - 2);
    }, 10);
};

Answer 1

尝试使用这个:document.documentElement.scrollTop。如果我是正确的，document.body.scrollTop 已被弃用。

更新

Chrome 似乎无法按照@Nikolai Mavrenkov 在评论中的建议安全使用答案:

window.pageYOffset ||文档.documentElement.scrollTop ||文档.body.scrollTop || 0

现在应该涵盖所有浏览器。