Как избавиться от решетки в Firefox и что сделать чтобы IE11 переходил на начало страницы(проблемы только в этих браузерах)?

Question

[nugmani]

У меня одностраничный сайт, где есть переход по якорям.
Исполняемый код:

$(document).ready(function(){
	$("#menu").on("click","a", function (event) {
		//отменяем стандартную обработку нажатия по ссылке
		event.preventDefault();

		//забираем идентификатор бока с атрибута href
		var id  = $(this).attr('href'),

		//узнаем высоту от начала страницы до блока на который ссылается якорь
			top = $(id).offset().top;
		
		//анимируем переход на расстояние - top за 1500 мс
		$('body,html').animate({scrollTop: top}, 1500);
	});
	/*history.pushState('', document.title, window.location.pathname);*/
	return false;
});

Почему то в Firefox в строке браузера всегда стоит # решетка. Хотя в других браузерах все нормально. И только в Internet Explorer при перезагрузке страницы она остается на том же месте, на начало не переходит.
Как избавиться от решетки в Firefox и что сделать чтобы IE11 переходил на начало страницы?

Comments

[Ankhena]

На длинных страница удобно, когда якоря остаются в урле, человек может дать ссылку другу именно на то место страницы, которое хочет показать, а не писать инструкцию "прокрути 30см вниз, там оранжевый блок, а под ним то, что надо".
Но это не про кнопку "наверх".

Answer 1

[Павел]

Использую такую конструкцию:

$('a[href*=#]').bind("click", function(e){
	      var anchor = $(this);
	      $('html, body').stop().animate({
	         scrollTop: $(anchor.attr('href')).offset().top
	      }, 1000);
	      e.preventDefault();
	   });