子标题内的平滑滚动元素位于标题下方

Question

所以这里是小提琴链接https://jsfiddle.net/malakar369/y5Lppeg0/8/

jQuery(document).ready(function ($) {
   $('.custom-click').on('click', function (e) {
     e.preventDefault();
     var href = $(this).attr('href');
     var current_div = $(href);
     var animateTo = $(href).position().top ;
     console.log(animateTo);
     $('#main-height-container').animate({scrollTop: animateTo},"slow");
  });
});

如果我的div位于页面顶部，则可以正常工作。但是，由于它不是最重要的，我有大量的问题。你们中的任何人都可以看看它并帮助我。

由于

Answer 1

$（href）.position（）。top在窗口坐标

中

试试这个

var animateTo = $("#main-height-container").scrollTop() - $("#main-height-container").position().top + $(href).position().top;

https://jsfiddle.net/y5Lppeg0/9/