div scrollTop（）无效

Question

所以我有这个小提琴：http://jsfiddle.net/TLkmK/

<div class="test" style="height:100px;width:70px;overflow:auto">
    sadfsadf

    saf
    sadf
    saf
    s
    af
    saf
    saf
    sadf
    sadfsafsafsaf
    sadfsaf

    sadfsafsadf

    sadfsaf
    sa
    dfsa
    fsadf
</div>
alert($('.test').scrollTop());

尝试向下滚动栏

我正在尝试获取div的scrollTop（）属性，但它总是返回0而不是正确的scrollTop

我做错了什么？

Answer 1

最初加载页面时始终为0，因为您还没有时间滚动。我还建议您使用console.log代替alert，以便继续使用该页面。

您可以使用scroll事件来监听用户滚动，然后根据该事件更新您想要的内容。我不能说没有你的用例，但你应该使用一些事件来触发阅读位置。

http://jsfiddle.net/TLkmK/1/

var el = $('.test');
console.log(el.scrollTop());

el.on('scroll', function(){
  console.log(el.scrollTop());
});

Answer 2

您可以轻松地执行此类操作

$('.test').scroll(function() {
    alert($(this).scrollTop());
});

每次都会提醒一个新值，或者使用console.log

  $('.test').scroll(function() {
        console.log($(this).scrollTop());
   });