本人不太了解javascript, 但是准备设计一个看着顺眼的网页, 有顶部固定的导航栏和右边目录栏, 其中目录栏实现scrollspy(滚动侦测 http://twitter.github.com/bootstrap/javascript.html#scrollspy ). 在参考了一些网页源码之后设计了一个简单的测试网页, 源码放在jsfiddle上, 示例代码在 http://jsfiddle.net/jFw4G/light/
有以下几个问题:
1.单击右边目录跳转时, 标题所在行被导航栏遮住, 看上去很不美观.
2.滚动侦测时, 不能侦测到二级目录. 好像是还需要一个js脚本.
3.我把html, css, js代码放在本地测试了一下, 但是一级目录也没有滚动侦测效果了.
其中head标签内容为
<head>
<link rel="Stylesheet" type="text/css" href="../style.css">
<title>shell脚本</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js" type="text/javascript"></script>
<script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
有以下几个问题:
1.单击右边目录跳转时, 标题所在行被导航栏遮住, 看上去很不美观.
2.滚动侦测时, 不能侦测到二级目录. 好像是还需要一个js脚本.
3.我把html, css, js代码放在本地测试了一下, 但是一级目录也没有滚动侦测效果了.
其中head标签内容为
<head>
<link rel="Stylesheet" type="text/css" href="../style.css">
<title>shell脚本</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js" type="text/javascript"></script>
<script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
1
Select Language