javascript - JQuery scrollTop - 跨浏览器兼容性问题

Question

昨天，我遇到了一个 JQuery 滚动脚本的问题，该脚本在 Chrome 中有效，但在 IE 和 Firefox 中无效。我昨天问了这个查询 ( JQuery scroll() / scrollTop() not working in IE or Firefox )，我将其标记为正确答案，今天才意识到它不再适用于 Chrome!

任何人都可以帮助我让它在所有现代浏览器上运行吗？

HTML

<div id="dotted-line">
    <div id="up-arrow">^up</div>
</div>

JQuery

//get window size values (cross browser compatible)
(function(undefined) {
    var container = $("html,body");
    $.windowScrollTop = function(newval) {
        if( newval === undefined) {
            return container.scrollTop();
        }
        else {
            return container.scrollTop(newval);
        }
    }
})();

//draw dotted line on scroll    
$(window).scroll(function(){

    if ($.windowScrollTop() > 10) {
        var pos = $.windowScrollTop();
        $('#dashes').css('height',pos/4);
        $('#footer-dot').css('top',pos/4);
    } else {
        $('#dashes').css('height','6px');
        $('#footer-dot').css('top','-150px');
    }
});

Answer 1

scrollTop() will return value of only first matched element in set $('html,body'), that's why it no more works on chrome

我认为你最好的选择是使用:

var container = $(document.scrollingElement || "html");