jquery - $.scrollTo() 函数水平？

Question

我不太清楚scrollTo()插件函数。

我想做的是水平移动到特定目标(就像一个场景到另一个场景)。这是我的一些代码:

<div class="left" style="cursor:pointer;"><a href="#" onclick="$.scrollTo( '#menu', 800, {easing:'elasout'} );"> < </a></div>
<div class="right" style="cursor:pointer;"><a href="#" onclick="$.scrollTo( '#city', 800, {easing:'elasout'} );"> > </a></div>
<div class="name" style="cursor:pointer;"><a href="#" onclick="$.scrollTo( '#nature', 800, {easing:'elasout'} );" > NatureVille</a></div>

它根本不起作用。有人可以尽快简化或解释这个问题的正确方向吗？

非常感谢。 (Jquery lib 和scrollTo.js 已包含在内。)

附注请原谅我乱七八糟的代码，我对此还很陌生。感谢您的帮助。

Answer 1

尝试the scrollTo documentation 。您应该使用 axis 参数进行设置:

$.scrollTo( '#menu', 800, {easing:'elasout', axis:'y'} );

或者，您可以将目标作为散列给出:

$.scrollTo( '#menu', {top:0 , left:800}, {easing:'elasout'} );