javascript - 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());
   });