jQuery的:向下滚动页面设置增量(以像素为单位)?

我试图让一个页面从当前位置向下滚动150px,当一个元素被点击。 所以可以说,你大概是半路滚动下来的一页。 你点击这个链接,它会滑动你另外150个像素。

这可能与jQuery?

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

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

只要检查一下:

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

当你的元素被点击时,它将从当前位置滚动滚动

150px用于向下滚动150px

你可以使用animate来做到这一点,如下面的链接:

http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery

如果你想使用scrollTo插件来做,那么看看下面的内容:

如何使用JQuery $ .scrollTo()函数滚动窗口

你可能是在Ariel Flesler的scrollTo插件做得非常好之后。

http://demos.flesler.com/jquery/scrollTo/

避免冲突的HCD解决scheme的更新版本:

 var y = $j(window).scrollTop(); $j("html, body").animate({ scrollTop: y + $j(window).height() }, 600);