理解滚动的问题

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 ，因为它距离页面的 top 的距离，因此不需要 scrollDown 。

代码只是快速更改 scrollTop 的值，以便页面平滑滚动到给定位置。

Answer 2

这段代码只是表示页面顶部的高度。

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

你可以为此添加一些css，例如从顶部开始，例如40px，margin-top：40px;

这只是简单的单词“页面顶部”。