問題與undestanding滾動

Question

我有這個Fiddle做出平滑滾動

$('#up, #down').on('click', function(e){ 
    e.preventDefault(); 
    var the_id = $(this).attr("href"); 

    $('html, body').stop().animate({ 
     scrollTop : $(the_id).offset().top 
    }, 500); 
}); 

，它是完美的執行，但我並沒有已瞭解這一行：由於滾動是向上和向下

scrollTop : $(the_id).offset().top 

，而且我看不到任何東西 scrollDown : $(the_id).offset().down

Answer 1

它被稱爲scrollTop因爲它的頁面的頂部的距離，所以不需要scrollDown。

該代碼只是快速更改值的scrollTop，使頁面平滑滾動到給定的位置。

Answer 2

這段代碼只是表示頁面頂部的高度。

scrollTop : $(the_id).offset().top 

你可以添加一些CSS來從此開始，例如從頂部開始40px，margin-top：40px;

這簡直就是'頁面的頂部'。