滚动淡入淡出并不适用于Firefox

Question

我有淡出的问题。它似乎适用于chrome但它不适用于Firefox。有人可以帮帮我吗？非常感谢！

https://jsfiddle.net/tbwst60o/

var scrollPos;
$(window).scroll(function() {
    var scrollPos = document.body.scrollTop;

    if (scrollPos < 10) {
            $('#cc-m-12786466225').fadeTo(100,1);
    } else {
            $('#cc-m-12786466225').fadeTo(100,0);
    }
});

这里是代码 （https://jsfiddle.net/tbwst60o/3/embedded/result/）

Answer 1

不同的浏览器以不同的方式获取变量。

以下是https://jsfiddle.net/tbwst60o/2/应用于您的代码的功能。

here

stdin

虽然...... jQuery已经内置了这个。

$(window).scroll(function() {
    if (getScrollTop() < 10) {
            $('#cc-m-12786466225').fadeTo(100,1);
    } else {
            $('#cc-m-12786466225').fadeTo(100,0);
    }
});

function getScrollTop(){
    if(typeof pageYOffset!= 'undefined'){
        //most browsers except IE before #9
        return pageYOffset;
    }
    else{
        var B= document.body; //IE 'quirks'
        var D= document.documentElement; //IE with doctype
        D= (D.clientHeight)? D: B;
        return D.scrollTop;
    }
}