为什么scrollTop在Chrome上运行，而在Firefox和Internet Explorer中运行？

Question

我正在使用以下代码使页面平滑滚动到锚点上方100px的位置：

$('html, body').stop().animate({
   'scrollTop': $target.offset().top-100
}, 500, 'swing', function () {
   window.location.hash = target;
   $(document).on("scroll", onScroll);
});

此代码适用于Chrome，但不适用于Firefox和Internet Explorer。它可以平滑地滚动到正确的位置，但不能高出100px。有人可以向我解释为什么会这样，如果有办法解决这个问题吗？

这是一个JSFiddle：https://jsfiddle.net/LLddrmmq/1/。