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

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

1 个答案: