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

Question

我的页面顶部有一个固定的 div(只有当我们向上滚动到它时才会固定)，其中包含基本信息和一个用于选择的下拉列表，它下面的另一个 div 包含内容。

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

将此部分滚动到页面顶部

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

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

请帮助我实现这一目标。

我为它创建了一个 fiddle :http://jsfiddle.net/eranjali08/b7W95/

Answer 1

你可以试试这个

$(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 的演示链接:http://jsfiddle.net/jkkheni/JWJ5N/12/