Хорошо выглядит для меня в Chrome, но я понимаю, что вы имеете в виду в Firefox и Internet Explorer. Проблема вызвана href="#"
- при нажатии на ссылку браузер переходит к пустому хеш-тегу (который всегда будет в верхней части страницы).
Самое простое решение - предотвратить действие по умолчанию для элемента <a>
в его обработчике onclick
:
<!-- in the HTML -->
<a id="home-scroll" href="#" onclick="return false;">home</a>
// or in your document ready script
$("#home-scroll").click(function (e) { e.preventDefault(); });