DIV scrollTop的（）不工作

所以我有这样的小提琴：http://jsfiddle.net/TLkmK/DIV scrollTop的（）不工作

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

尝试向下滚动条

我试图以获取股利的scrollTop的（）属性，但它总是返回0而不是正确的scrollTop

我做错了什么？

来源

2013-03-27 pillarOfLight

scrollTop的变垂直位置的滚动条，所以它会在页面加载时提醒0，每次都是 – 2013-03-27 15:43:06

检查它在正确的时间，就像有人在没有页面加载时滚动页面时一样，页面没有滚动，因此它是0. – kidwon 2013-03-27 15:44:20

你有几个答案，下面请标记一个正确.. – 2013-03-28 16:32:42

您可以轻松地做这样的事情

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

，将每一次提醒一个新值，或使用的console.log

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

来源

2013-03-27 15:45:18

当您最初加载页面时，它始终是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()); 
});

来源

2013-03-27 15:43:40 loganfsmyth

DIV scrollTop的（）不工作

回答

相关问题