用CSS替代帧?

时间:2012-01-30 11:39:07

标签: javascript ajax html5 dhtml

我正在寻找一种使用CSS或任何其他可以容纳设计和实现的方法来实现布局的方法。

" top"部分是固定区域。 "左边"区域将是一个文本链接列表,其目标是" main"区域。更具体地说,配置文件的链接列表将位于" left"区域,我希望相关的配置文件显示在" main"区域。

我可以使用框架,但由于它不是最好的方式或HTML5不支持,我想要一些其他替代方案。有什么想法吗?

4 个答案:

答案 0 :(得分:1)

您可以在CSS中将某些元素设置为position: fixed;来完成此操作。例如,为顶部创建一个div,为侧边栏创建一个div,在CSS中为position: fixed;设置。 你的主区域div只是一个普通的div,它将与正常的身体一起滚动。

这很简单,适用于所有主流浏览器(我认为不包括某些移动浏览器)。

不需要jQuery或Javascript。您可以在主要区域使用PHP include等内容。

<强>更新 您还可以制作固定尺寸的DIV并添加属性overflow: scroll;得到类似的结果。

答案 1 :(得分:1)

答案 2 :(得分:0)

是的......你可以使用jquery和load()函数,因为我认为你只使用HTML而不是serveridescriting。

答案 3 :(得分:0)

你不需要Frames,如果你不喜欢,你不需要任何重载或AJAX。 将所有HTML放在一个页面上。 把你的头,侧面和内容放在不同的div容器中。 使用style.display =“none”或style.display =“”来控制左侧的哪个链接打开内容区域中的哪个div ...

或者,您可以使用AJAX获取配置文件的内容。

我不知道,如果这个答案对你来说足够好,因为我不知道你的JavaScript知识。