Question

我的页面顶部有一个固定的div（只有当我们滚动到它时它才会被修复），其中包含基本信息和选择下拉列表以及包含内容的下面的另一个div。

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

将此部分滚动到页面顶部

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

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

请帮助我实现这一目标。

我为它创造了一个小提琴：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/

Answer 2

这可能会对您有所帮助，您可以使用data-target 请检查此Demo

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

2 个答案: