jQuery:在点击时向下滚动页面设置增量(以像素为单位)？

Question

当点击一个元素时,我试图让页面从当前位置向下滚动150px.因此,假设您大约在页面中滚动了一半.您单击此链接,它将向下滑动150个像素.

这有可能与jQuery？

我一直在看scrollTop和scrollTo插件,但我似乎无法连接点.

Answer 1

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

谢谢,这对我有用..对于一种页面效果.`var y = $(window).scrollTop(); $("html,body").animate({scrollTop:y + $(window).height()},600); ` (26认同)

Answer 2

请检查一下:

$(document).ready(function() {
    $(".scroll").click(function(event){
        $('html, body').animate({scrollTop: '+=150px'}, 800);
    });
});

单击元素时,它将使滚动条从当前位置滚动

150px用于向下滚动150px

Answer 3

您可以使用animate以下链接中的内容执行此操作:

如果您想使用scrollTo插件执行此操作,请查看以下内容: