jquery - Jquery scrollto 的替代品

Question

我正在寻找一种在超链接上设置水平滚动条的方法，并且我一直在查看 scrollto 插件，但它似乎真的已经过时了。是否可以仅使用简单的 jquery 获得相同的结果？

Answer 1

$('#divToScroll').animate({'scrollTop': '20'}); // scroll to 20px

或者，如果您想要相对滚动：

$('#divToScroll').animate({'scrollTop': '+=20'}); // scroll to 20px below current position

小提琴示例：http: //jsfiddle.net/zq4a8/

水平滚动条的示例小提琴：http: //jsfiddle.net/rGcWm/4/

$('#scroller').click(function() { $('#outer').animate({'scrollLeft': '+=20'}); });
$('#scroller_to').click(function() { $('#outer').animate({'scrollLeft': '20'}); });​