Javascript 他们是如何创建新的Foxy Bingo网站的

Foxy Bingo刚刚推出了一个新网站

www.foxybingo.com

，它充当一个页面，这意味着你点击主菜单项并向下滚动页面

然而，当你点击一个链接时，URL会改变，而不是普通的锚，而是bingo.html

另外有趣的是，如果我访问

www.foxybingo.com/bingo.html

，它会在加载时向下滚动到页面的正确部分，但会显示不同的元标题

编辑：

---

如何像foxy那样将多个HTML文件导入一个页面

该站点不包含多个页面，但使用pushstate更改文件名的url，如（使用jQuery代码）：

---

这是一个相当广泛的问题。请阅读历史API

var $win = $(window);
$('a#bar').click(function() {
    anim_jump($('#bar'));
    history.pushState(null, "page 2", "bar.html");
});

window.onpopstate = function(event) {
  var file = document.location.replace(/.*\//, '');
  $('html, body').prop('scrollTop', $('#' + file.replace(/.html$/)).offset().top);
};
function anim_jump(item) {
    $('html, body').animate({
        scrollTop: item.offset().top
    }, 2000);
}