javascript - IE8 中的 ScrollTop 返回 0

Question

今天早上我一直在寻找我的问题的答案，即在 IE8 中获取窗口的位置以在 IE8 中创建具有淡入功能的返回顶部按钮。

在 IE8 中不起作用并返回零的东西:

window.pageYOffset 

$(window).scrollTop()

$(document).scrollTop()

$(this).scrollTop()

这是我修复之前的代码，它只适用于 IE9+ & FF & Chrome

var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > offset) {
        jQuery('.back-to-top').fadeIn(duration);
    } else {
        jQuery('.back-to-top').fadeOut(duration);
    }
});

jQuery('.back-to-top').click(function(event) {
    event.preventDefault();
    jQuery('html, body').animate({scrollTop: 0}, duration);
    return false;
})

还有 CSS:

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: #ebebeb;
    font-size: 12px;
    padding: 1em;
    display: none;
  }

.back-to-top:hover {  
  background-color: rgba(135, 135, 135, 0.50);
}

这是不起作用的代码的 JSFiddle: http://jsfiddle.net/VWOU/uG5mH/1/

Answer 1

我找到的修复程序位于此处 http://forums.asp.net/t/1618316.aspx

它把我的代码转换成这个(也清理了一点)

var offset = 220;
var duration = 500;
$(window).scroll(function() {
    if (document.documentElement.scrollTop || jQuery(this).scrollTop() > offset) {
        $('.back-to-top').fadeIn(duration);
    } else {
        $('.back-to-top').fadeOut(duration);
    }
});

$('.back-to-top').click(function(event) {
    event.preventDefault();
    $('html, body').animate({scrollTop: 0}, duration);
    return false;
})

这是一个有效的 JSFiddle: http://jsfiddle.net/VWOU/uG5mH/3/