$(window).scrollTop() 与 material.min.css 一起使用时返回 0答案

【问题标题】：$(window).scrollTop() returns 0 when used with material.min.css$(window).scrollTop() 与 material.min.css 一起使用时返回 0
【发布时间】：2015-11-20 20:24:10
【问题描述】：

我一直在尝试使用$(window).scroll() 函数。因此，如果我删除 material.min.css 它可以正常工作，但是一旦我包含此文件，它就会返回 0。以下是我的代码：

$(document).ready(function() {
    var eTop = $('.wrapper1').offset().top; //this gives correct value
    console.log(eTop - $(window).scrollTop()); //this returns 0 when used with mdl css

    $(window).scroll(function() { //when window is scrolled
        console.log($(window).scrollTop());
    });
});

【问题讨论】：

也许添加一个 JSFiddle 来解决您的问题是一件好事，这样我们就可以复制正在发生的事情？

标签： jquery html css material-design

【解决方案1】：

您可以引用<main> 元素而不是窗口，例如

document.getElementsByTagName('main')[0].scrollTop

或者，因为你似乎也有 jQuery，

$('main').scrollTop()

（此方法假设您使用的 mdl 模板之一依赖于 <main> 元素或等效元素。）

【讨论】：