Jquery scrollTop() 带偏移量？

Question

我正在使用 jquery scrollTop()，但我有一些问题

这是 HTML

<a class="jumper" href="#first">Jump</a>

<div class="first"></div>
<div id="second"></div>
<div id="third"></div>
<div id="fourth"></div>
<div id="fifth"></div>

和jQuery

  $(document).ready(function () {

        $('.jumper').click(function () {

            $('html, body').animate({
                scrollTop: $("#fourth").offset().top
            }, 2000);

        });


    });

它工作正常，但我需要的是，不是将元素 #third 滚动到页面顶部，只是将它滚动到比 100px 小一些的像素以下，因为我想在前一个元素中留下一些内容以供查看，是那可能吗？

这是工作小提琴

http://jsfiddle.net/X9FUg/4/

我想让黄色元素在 100 像素后被看到？

Answer 1

请注意，可能有更好的解决方案……但首先想到的就是减去 100。

$("#fourth").offset().top - 100

offset().top 返回一个没有 'px' 部分的数字，所以做 offset().top - 100 应该可以正常工作。( https://api.jquery.com/offset/ )