如何在單擊 jQuery 時向下滾動一定距離

Question

當我單擊帶有動畫的按鈕到一定距離時，我試圖向下滾動頁面，目前，我可以向下滾動到某個元素，但這不是我想要的，我想向下滾動到以像素為單位的特定距離。

我嘗試了很多變化，但它們似乎對我的情況不起作用，至少不是我想要的。

無論如何，這是代碼：

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

Answer 1

到一定距離

我假設距離以像素為單位？

這向下滾動 150px：

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 })