ID錨問題

Question

我試圖使用重新加載頁面去錨，但頁面不重新加載或滾動到錨點。直到鏈接被擊中，錨點才顯示。

$('.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

對於爲例：

1. 我在一個小窗口中打開http://simulatorio.blogspot.com.br/p/politicas.html（共500像素寬，內容是示出）。
2. 我點擊菜單（內容隱藏，菜單顯示）。
3. 我點擊鏈接http://simulatorio.blogspot.com.br/p/politicas.html#cookies。
4. 該頁面什麼都不做（它不會重新加載）！

我想要的是自己去頁http://simulatorio.blogspot.com.br/p/politicas.html#cookies。

PS .:只有在新窗口/選項卡中打開鏈接時纔有效。

它應該在小屏幕上打開，因爲問題在那裏發生（響應頁面）。謝謝！

Answer 1

如果錨是display:none，它可能不存在導航的目的。試試這個造型來代替：

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

或者：

#box { 
    visibility:hidden; 
} 

Answer 2

這是因爲刷新後風格應用於#box所以其隱藏。

#box { 
    display: none; 
} 

Answer 3

你需要的是這樣的：

HTML：

<div id="box" class="boxContent"> 
    <h1>Title</h1> 
    <p>Description of the content.</p> 
</div> 
<a href="#box" class="link">Go to #Box</a> 

CSS：

個

.boxContent { 
    visibility:hidden; 
} 

JS：

$('.link').click(function() { 
    $('#box').toggleClass("boxContent"); 
}); 

FIDDLE：http://jsfiddle.net/2TCy4/42/