求类似百度百科的菜单实现思路，滚动条滚到哪里，箭头就会指向菜单的对应位置。

大哥，这是基础知识啊。html链接的锚记几百年前就流行了。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
</head><body>
<a href="#name">点击到页面红色字</a>
锚记
 
 
 
 
锚记
 
 




锚记
 
 
 
 
 
锚记
 
 




锚记
 
 

<a name="name" id="name"></a>

锚记-------------------------------------------------------------------------------------------指向这里
 
 
 
 
 
锚记
 
 




锚记
 
 

 
 

 
 
 
 
 
 
 
 
 
</body>
</html>
看来你没明白意思，自己去看看吧！  鼠标滚轮滚动或者手动拖动网页的滚动条都行
http://baike.baidu.com/link?url=U4WsS6NqOPXAXnHctjSqLy8vlHd4ovv3qbRqMEtpJOEdGWM47zm4zci24PlFHc6zygJLudczCNj7U0cr8fH2Qa#3_1
http://v3.bootcss.com/javascript/#affix
就是个简单的滚动条事件而已。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <title>test.html</title>
 <style>
 .pos{width:10px;height:50px;background:#ccc;border-bottom:solid 1px black;}
 #div_pos{position:fixed;top:100px;right:50px;}
 dl{height:300px;border-bottom:solid 1px #ccc;}
 </style>
 <script type="text/javascript">
 var divPos,dtPos=[],curPos;
 window.onload=function(){
 divPos=document.getElementById("div_pos").getElementsByTagName("div");
 var dts=document.getElementsByTagName("dt");
 for(var i=0;i<dts.length;i++){
 dtPos.push(offsetTop(dts[i]));
 }
 if(Math.max(document.body.scrollTop,document.documentElement.scrollTop)==0)
 setPosition();
 }
 window.onscroll=function(){
 setPosition();
 }
 function setPosition(){
 var pos=Math.max(document.body.scrollTop,document.documentElement.scrollTop)+50;
 var temp=curPos;
 if(pos>=dtPos[dtPos.length-1]){
 curPos=divPos[divPos.length-1];
 }else{
 for(var i=0;i<dtPos.length-1;i++){
 if((pos>=dtPos[i] && pos<dtPos[i+1])){
 curPos=divPos[i];
 break;
 }
 }
 }
 if(temp!=curPos){
 if(temp)temp.style.backgroundColor="#ccc";
 curPos.style.backgroundColor="red";
 }
 }
 function offsetTop(elements){
 var top = elements.offsetTop;
 var parent = elements.offsetParent;
 while( parent != null ){
 top += parent.offsetTop;
 parent = parent.offsetParent;
 };
 return top;
 }
 </script>
 </head>
 <body>
 <div id="div_pos">
 <div class="pos">1</div>
 <div class="pos">2</div>
 <div class="pos">3</div>
 <div class="pos">4</div>
 <div class="pos">5</div>
 </div>
 <dl><dt>标题1</dt><dd>内容...</dd></dl>
 <dl><dt>标题2</dt><dd>内容...</dd></dl>
 <dl><dt>标题3</dt><dd>内容...</dd></dl>
 <dl><dt>标题4</dt><dd>内容...</dd></dl>
 <dl><dt>标题5</dt><dd>内容...</dd></dl>
 <div style="height:500px;"></div>
 </body>
</html>
谢谢各位
特别感谢楼上高手的代码  看来自己的javascript 技术还是不到家，继续深造javascript。