如何在单击jQuery时向下滚动一定距离

Question

当我单击带有动画的按钮到某个距离时，我正在尝试将页面向下滚动，目前，我能够向下滚动至某个元素，但这不是我想要的，我想向下滚动至一定距离（以像素为单位）。

我尝试了很多变化，但是它们似乎不适用于我的情况，至少不是我想要的那样。

无论如何，这是代码：

$(document).ready(function(){
   $('.next_section').click(function(){
        $('html, body').animate({
            scrollTop: $('.img_div').offset().top
        }, 1000);
   }); 
}

Answer 1

到一定距离

我假设距离以像素为单位？

向下滚动150像素：

var y = $(window).scrollTop();  //your current y position on the page
$(window).scrollTop(y+150);

@therealbischero（谢谢！）在评论中提到了我的答案的缺失部分，如何使其平滑滚动：

var y = $(window).scrollTop();
 $('html, body').animate({ scrollTop: y + 150 })