$ .scrollTo()函数水平?

时间:2011-03-15 09:02:40

标签: jquery scrollto

我真的不太了解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。)

P.S。请原谅我凌乱的代码,我在这方面有点新鲜。谢谢你的帮助。

1 个答案:

答案 0 :(得分:2)

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

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

或者,您可以将目标指定为哈希:

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