javascript - 标题下方的子 div 内的平滑滚动元素

Question

所以这是 fiddle 链接 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/