2010-10-02 68 views
1

當用戶執行特定操作時,我想將它們放在頁面的下方。有點像一個名字鏈接的工作原理。除了顯然它需要發生沒有任何額外的參數被添加到網址或刷新頁面。如何使用jQuery將用戶進一步拉下頁面?

那麼這將是這樣做的jQuery的方式:

<a href="#person">Click Me</a> 

<a name='person'>Tommy</a> 

編輯

一個很好的向下滑動性效果,帶給用戶失望的頁面將是很好過。

+0

如果你有興趣,我做了一個簡單的插件(http://wowmotty.blogspot.com/2010/07/visual-navigation.html)更新一個小方的菜單,因爲它向下滾動頁面 – Mottie 2010-10-02 02:25:52

回答

2

看一看在ScrollTo的jQuery插件。它做你想要的,並支持動畫。所以,你可能只是這樣做:

<a id="person">Tommy</a> 

和使用這樣的插件:

$.scrollTo($('#person')); 

另外,如果你不希望任何花哨的東西,你也可以自己在幾行做到這一點:

var offset = $('#person').offset(); 
window.scrollTo(offset.left, offset.top); 
相關問題