链接到另一页上的锚标记

Question

所以我有一些带有按钮的部分，这些按钮链接到另一页上的特定div。 他们使用很好

<a id="btn1" class="btn btn-default" href="http://example.com/services.html#corporate" role="button">More</a>

该链接到ID为“ corporate”的另一页上的div等。

问题在于，当页面打开时，恰好在焦点定位到锚标记之前，它会在聚焦div之前闪烁主标题。 反正有避免这种情况吗？ 一旦您点击了链接，然后再次返回，就好了，这似乎只是它的加载和显示问题，然后才关注div。 任何建议表示赞赏。

Answer 1

并不是的。 问题在于该页面在您导航到该页面时并没有完全加载，因此#corporate定位#corporate在#corporate不存在。 结果，您首先刷新了页面顶部，然后在可用时导航到适当的锚点。

Answer 2

您可以尝试使用jQuery向下滚动到ID。 至少那是一个平稳的过程。 这样，您还可以使用户知道ID在页面上的位置，因此他们不会对导航到的位置感到困惑。

var j = (document.URL.substring(document.URL.lastIndexOf("\/")+1));
var hash = j.substring(j.lastIndexOf("#"))
if(j.lastIndexOf("#")!=-1) 
{
var j = j.substring(0,j.lastIndexOf("#"))
$(document).ready(function(){
                $('html, body').stop().animate({
                    scrollTop: $(hash+'').offset().top
                     }, 1000);
});

我已经从使用此代码的站点上获取了此代码，如果有任何错误，敬请原谅。