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的（）不工作

回答

相關問題