如何实现thinkphp官网在线文档的效果

[virxpt]

网址：http://doc.thinkphp.cn/manual.html
该网站大概分了几个div块，一个是header即头，一个是selector是左侧目录列表的容器，gird是右侧内容的容器，以及footer。
效果：
1、浏览器地址栏的链接与selector中对应目录的链接相同，且点击目录进入某标题时左侧目录对应标题显示为红色
2、不是以iframe方式实现的，是div
3、selector和gird两个容器随着浏览器窗口大小变化可显示滚动栏
4、更改浏览器窗口的上下高度时selector和grid变动，但是footer一直相对浏览器窗口最下端是不动的。

我想使用thinkphp框架实现上面几个效果，同时想问几个问题：
1、此网页以什么方式储存在数据库中最方便，左目录、右内容、地址如何存储。
2、左侧目录被点击时跳转后 地址栏地址改变，左侧对应目录变色，右侧内容改变 。我想的是使用js读取地址栏地址，根据地址内容改变左侧被选定的状态。有没有其他方式实现。
3、ajax能实现吗，左边点击后整个页面还是刷新了，好像不算是异步刷新。
4、div的滚动栏怎么实现

希望大神们帮我解惑，只需要大概说一下思路，重点是如何储存到数据库 和 如何在网址变化的情况下标红目录。

[xuzuning]

右键 -- 查看源代码 认真捋一下，其实很简单

[virxpt]

自己探索了一下，就用position:absolute定位就可以实现，但是没有找到好的方法将非常长的word文档存入数据库中，实现可以读取目录。