Javascript 单击链接时显示每个页面的内容

下面的示例显示了在单击按钮时打开的不同div的内容

摆弄：

我希望在单击链接时显示不同页面的内容，而不是div。 滚动条不得出现

页眉和页脚应保持固定。如何做到这一点

JS:

---

如果内容已加载，则可以隐藏并显示所需内容。如果“页面”是指外部页面，则可以通过ajax调用调用资源：

    $.ajax({
        url: "http://fiddle.jshell.net/user/login/",
        context: document.body
    }).done(function(data) {
        target.html(data);
        scrollTo(target);
    });

---

您可以简单地显示/隐藏divsthanks，但我不想在页面上显示滚动条。而且一次只能显示一个页面的内容。他们中的每一个人都应该显得独立和孤立

    $.ajax({
        url: "http://fiddle.jshell.net/user/login/",
        context: document.body
    }).done(function(data) {
        target.html(data);
        scrollTo(target);
    });