2011-12-19 85 views
1

我正在使用Jquery.Localscroll在锚之间平滑移动窗口。在页面加载时如何更改URL以包含锚链接,以便在页面加载时顺利滚动到某个部分。在页面加载更改为锚

或者还有更好的方式来滚动到文档加载时的部分。

谢谢。

回答

0

显然,如果你指定锚滚动到臣民方式:

<a href="yourURL#someanchor">Link</a> 

然后,浏览器会自动滚动。

如果你的目的是让浏览器加载页面,然后让你的代码踢在做一个光滑的(动画)滚动到一个特定的锚那么像这样的工作:

// on calling page 
<a href="yourURL?scrollto=someanchor">Link</a> 

// on "yourURL" page: 
$(document).ready(function() { 
    // check for "scrollto" parameter and if it exists 
    // use Localscroll to move to specified anchor 
    var match = /[?&]scrollto(?:=([^&]*))?/.exec(window.location.search); 
    if(match != null){ 
     var anchor = match[1]; 
     // your code to scroll to anchor here 
    } 
}); 
+0

谢谢,我'我不太清楚'//你的代码在这里滚动到锚点'放置什么'看起来Local.Scroll找到锚点并自动调用函数。我会试着把功能放在那里。谢谢@nnnnnnn – uriah

+0

不客气。我试着让代码根据查询字符串确定要滚动到的内容,并提示滚动代码应该放在哪里,但我对Localscroll不熟悉,所以我不得不将这部分留给你。实际上,现在想想它,您可能想要在加载事件而不是DOM就绪事件上进行此操作,以便在加载图像之后才能滚动。我假设这个想法是,从用户的角度来看,当他们点击一个链接时,新页面首先加载到页面的顶部,然后自动滚动到适当的锚点并带有某种动画。 – nnnnnn