Hãy xem thư viện History.js, xử lý cả các trình duyệt hiện đại và có các dự phòng cho các trình duyệt HTML4 cũ hơn
https://github.com/browserstate/history.js/
Trong trình xử lý sự kiện của bạn bên trong $(".mLink").click(function(){...
Bất cứ khi nào bạn kích hoạt một cuộn, bạn có thể thêm một cái gì đó như thế này
case "mL0":
$("html, body").stop().animate({ scrollTop: 0}, 1000, 'easeInOutExpo');
History.pushState(null, null, "?home");
break;
case "mL1":
$("html, body").stop().animate({ scrollTop: ($('#filter').offset().top-72) }, 1000, 'easeInOutExpo');
History.pushState(null, null, "?portfolio");
break;
...
Trang web danh mục đầu tư đẹp, btw.