Javascript 将第二个div的内容滚动到第一个div的末尾

我在页面顶部有一个固定的div（只有当我们向上滚动到它时，它才会固定），包含基本信息和一个下拉列表供选择，下面还有一个div包含内容

现在，当用户从此下拉列表中选择内容名称时，该节应展开，页面应向上滚动到一个级别，该展开节的标题应开始显示在固定div结束的位置。 我可以使用

function ScrollToElement(element) {
        $('html,body').animate({
            scrollTop: $("#" + element).position().top
        }, 'slow');
    }

但我想把它滚动到第一个div的末尾，而不是页面的顶部。 我已经尝试过添加/减去固定div的高度/外光，但这不起作用

请帮助我实现这一目标

---

我已经为它创建了一个提琴：

这可能会对您有所帮助，您可以使用

数据目标

选中此项

您可以尝试此项

$(document).ready(function(){
  $('#searchbycharacter a').on('click', function() {
    var rel = $(this).attr('rel');   
    var target = $('#'+rel).offset().top;
    $('html,body').animate({'scrollTop':target-50+'px'});
  });
});

---

这里是jsfiddle的演示链接：

请提供相关代码，或者提供一个最小的演示来重现您目前所拥有的内容。你希望我们按照你的意愿从头开始创建整个网页吗？@Kisspa我已经添加了jsFiddle@TilwinJoy我已经在fiddle中添加了jsfiddle，相关的div id位于fixed div后面。我希望它位于fixed div末尾的正下方，我正在使用类似$（'html，body'）。animate({scrollTop:$（“#“+”元素）.position（）.top-$（“#topContainer”）.height（）+“px”}，“slow”）；其中#topContainer是fixed div的名称，但这不起作用。事实上，当我写这篇文章时，页面根本不会滚动：（P.S.我不能使用offset（）因为它在IE8中失败，所以我使用position.you能够用JSFIDLE解决这个问题吗？我使用类似$（'html，body'）.animate（{scrollTop:$（“#“+”元素）.position（）.top-$（'#topContainer'）.height（）+'px'，'slow'））；where#topContainer是fixed div的名称，但这不起作用。事实上，当我写这篇文章时，页面根本不会滚动：（P.S.我不能使用offset（），因为它在IE8中失败，所以我使用position。你能用JSFIDLE解决这个问题吗？