滚动到短页面上的元素顶部

时间:2016-08-03 11:58:46

标签: javascript jquery scrolltop

我正在尝试将我的页面(点击时)滚动到en元素的顶部。这里的问题是我的页面要缩短以滚动到元素的顶部。这有可能吗?

这是我的代码

$('.x-class').on('click', function(e) {
    moveWindowTo($('.yclass').eq(0));
});

function moveWindowTo($target) {
  $('body,html').animate({ scrollTop: $target.offset().top }, 'slow');
}

1 个答案:

答案 0 :(得分:0)

此代码使用.parent()向上滚动到包含div的顶部:

$('.x-class').on('click', function(e) {
  moveWindowTo($(this).eq(0));
});

function moveWindowTo(target) {
  $('body,html').animate({
    scrollTop: target.parent().offset().top
  }, 'slow');
}

这是一个有效的jsFiddle。向下滚动并单击红色框将其滚动到包含div的顶部。