Jquery $（“id”）.scrollTop（）返回null

我试图使用scrollTop（）方法获取html页面中coulpe的位置，以便将其与用户的位置进行比较，但它只返回null。代码如下：

<div id="div1" class="transition">
    <img src="bg1.jpg"/>
</div>

<div id="div2" class="transition">
    <img src="bg2.jpg"/>
</div>

它打印t1和t2=null。 您能看到问题出在哪里吗？

使用

.position（）。top

获取页面上的位置：

---

那些

div

s没有滚动条（我假设），因此它们自然无法滚动

如果要找到需要滚动到的位置，使其位于顶部，请尝试：

$('#id').offset().top

这是一个有效的演示：

---

var txt=$（'#div1'）.offset（）.top+''+$（'#div2'）.offset（）.top；
document.getElementById（'output'）.appendChild（document.createTextNode（txt））

这是一些东西
更多的东西
尝试将整个内容包装在一个可供文档使用的附件中。您的javascript可能在dom完成加载之前运行

$(document).ready(function(){
    var t1 = $('#div1').scrollTop();
    var t2 = $('#div2').scrollTop();
    console.log(t1 + " " + t2);
});

谢谢，这正是我需要的。此解决方案返回0。可能我没有使用scrollTop（）函数。谢谢你的回答。
$(document).ready(function(){
    var t1 = $('#div1').scrollTop();
    var t2 = $('#div2').scrollTop();
    console.log(t1 + " " + t2);
});