與映射元素的Css問題

Question

在我的網站中，我通過ID映射元素。對於A以外的所有字母表字體都可以正常工作，但是當我點擊字母表A時，它不會去各自的Elements，請幫助我解決這個問題。 http://dotmappersdesign.com/mclarenpress/glossary/

Answer 1

它確實有效。對於A，以及其他。這只是對其他字母有不止一種解釋，所以效果並不明顯。以B爲例。 B的第一個單詞是「綁定」，但單擊該字母后您看到的第一個解釋是「綁定邊距」。

其原因是鏈接將錨點置於屏幕的頂部，並且沒有考慮您的固定標題，因此它會隱藏在下面。

一個可能的純CSS解決方案將是填充和負邊距的組合，以移動元素頂部邊框，這將與屏幕頂部對齊，以彌補標題的高度。這裏有一個適用於你的網站的例子，但你應該讓選擇器更具體（#glossary p strong，或使用語義上正確的description list）。

p strong { 
    display: inline-block; /* Required for the margin/padding to have an effect */ 
    margin-top: -60px; 
    padding: 60px 0 0; 
}