Eğer bir HTML sayfası olmayan kayan bir başlık var, üst, tanımlanmış bir yüksekliğe sahip sabit:

Bir şekilde URL çapa (#fragment bölümü) tarayıcı sayfası içinde belirli bir noktaya kaydırmak için kullanın, ama yine de sabit elemanın yükseklik saygı varJavaScript yardımı olmadan?

http://foo.com/#bar

WRONG (but the common behavior):         CORRECT:
 ---------------------------------        --------------------------------- 
| BAR///////////////////// header |      | //////////////////////// header |
 ---------------------------------        --------------------------------- 
| Here is the rest of the Text    |      | BAR                             |
| ...                             |      |                                 |
| ...                             |      | Here is the rest of the Text    |
| ...                             |      | ...                             |
 ---------------------------------        --------------------------------- 

Bu yaklaşım kullanın:

/* add class="jumptarget" to all targets. */

.jumptarget:before {
  content:"";
  display:block;
  height:50px; /* fixed header height*/
  margin:-50px 0 0; /* negative fixed header height */
}

Her hedef önce görünmez bir öğe ekler. IE8 çalışır .

Burada daha fazla çözüm: http://nicolasgallagher.com/jump-links-and-viewport-positioning/