跳到内部链接而不更改地址栏？

Question

通常人们会要求更改地址栏而不刷新，我想的是相反的：我想跳转到页面中的锚点，例如，具有

<a name="foo"> 

，然后实现相同的功能，用户按压

<a href="#foo"> 

而不改变地址栏。这纯粹是美观的，但这意味着像“在完成后再次设置window.location”这样的建议将无济于事，因为中间更改仍然很明显（地址栏会闪烁，这正是我想要的避免）。

Answer 1

还有就是DOM功能element.scrollIntoView()。为了您的目的，这样的工作是这样的：

var target = document.getElementById('foo'); 
target.scrollIntoView(); 

你也应该删除<a name="foo">联系，并与一个ID的任何元素替换它们。例如：

<h1><a name="heading"></a>Heading</h1> 

<h1 id="heading">Heading</h1> 

Answer 2

看看，jQuery的ScrollTo插件，http://demos.flesler.com/jquery/scrollTo/