javascript - ID anchor 问题

我正在尝试使用重新加载页面转到锚点，但是页面不会重新加载或滚动到锚点。直到链接被点击，锚才会显示。

$('.link').click(function() {
  $('#box').css('display', 'block');
});

#box {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="box">
  <h1>Title</h1>
  <p>Description of the content.</p>
</div>
<a href="#box" class="link">Go to #Box</a>

这是我的博客中的页面：http://simulatorio.blogspot.com.br/p/politicas.html#cookies

举个例子：


我在一个小窗口（宽度为500px，显示内容）中打开http://simulatorio.blogspot.com.br/p/politicas.html。
我单击菜单（内容被隐藏，显示菜单）。
我单击链接http://simulatorio.blogspot.com.br/p/politicas.html#cookies。
该页面不执行任何操作（不会重新加载）！！！


我想要的是直接转到http://simulatorio.blogspot.com.br/p/politicas.html#cookies页。

PS .：仅在新窗口/选项卡中打开链接时，它才有效。

应该在小屏幕上打开它，因为那里出现了问题（响应页面）。谢谢！

最佳答案

如果锚点是display:none，那么出于导航目的，它也可能不存在。尝试使用以下样式：

#box {
  width:0;
  height:0;
  overflow:hidden;
}

要么：

#box {
  visibility:hidden;
}