日期:2014-05-16  浏览次数:20325 次

左侧导航栏位置不变
请教各位达人,类似于 CSDN 论坛,QQ 邮箱 里面的左侧导航栏,当右边框架里面的问题列表或者邮件列表很多,用户使用其滚动条不停往下拉的时候,如何保持左侧导航栏的位置保持不变。这种效果该怎么样才能做到,JS代码该如何编写?

------解决方案--------------------
晕,固定绝对位置就可以了!
------解决方案--------------------
用框架或样式的overflow
CSDN是用框架
------解决方案--------------------
这种页面都是一开始设置好布局
用overflow属性和div来弄。或者用iframe来弄的。
------解决方案--------------------
HTML code

<html>
<head>
    <title>CSDN 社区中心</title>
    <meta name="designer" content="csdn design team - meizz" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<frameset id="sidebar_content" cols="230, *" frameborder="1" border="6" framespacing="5"
    bordercolor="#A1C7F9">
    <frame name="sidebarFrame" src="/WebConsole/sidebar.aspx" scrolling="no" frameborder="1" />
    <!-- frame name="sidebarFrame" src="http://webim.csdn.net/frameset/sidebar.htm" scrolling="no" frameborder="1" / -->
    <frame name="ContentFrame" src="/Default.aspx" frameborder="0" />
</frameset>
</html>