1.scroll.html内容如下

	
     	
      	
       	
       	
        		
         
			
          
           
            1F
           
			
          
           
            2F
           
			
          
           
            3F
           
			
          
           
            4F
           
			
          
           
            5F
           
			
          
           
            6F
           
		
         
		
         		
          
选择商品
		
           
           
1F
 
           
 
            
             
              
             
 
            
             
              
             
 
            
             
              
             
 
            
             
              
             
 
            
             
              
             
 
            
             
              
             
 
            
             
              
             
 
            
             
              
             
 
            
             
              
             
 
           
  
            
            
2F
 
            
 
             
              
               
              
 
             
              
               
              
 
             
              
               
              
 
             
              
               
              
 
             
              
               
              
 
             
              
               
              
 
             
              
               
              
 
             
              
               
              
 
             
              
               
              
 
            
  
             
             
3F
 
             
 
              
               
                
               
 
              
               
                
               
 
              
               
                
               
 
              
               
                
               
 
              
               
                
               
 
              
               
                
               
 
              
               
                
               
 
              
               
                
               
 
              
               
                
               
 
             
  
              
              
4F
 
              
 
               
                
                 
                
 
               
                
                 
                
 
               
                
                 
                
 
               
                
                 
                
 
               
                
                 
                
 
               
                
                 
                
 
               
                
                 
                
 
               
                
                 
                
 
               
                
                 
                
 
              
  
               
               
5F
 
               
 
                
                 
                  
                 
 
                
                 
                  
                 
 
                
                 
                  
                 
 
                
                 
                  
                 
 
                
                 
                  
                 
 
                
                 
                  
                 
 
                
                 
                  
                 
 
                
                 
                  
                 
 
                
                 
                  
                 
 
               
  
                
                
6F
 
                
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                 
                  
                   
                  
 
                
   
                 
                 
                
               
              
             
            
           
          
         
        
       
      
     

2.scroll.js内容如下

$(function(){	//滚动事件	$(window).scroll(function(){		var top = $(document).scrollTop();		var menu = $("#menu");		var items = $("#content").find(".item");		var currentId = "";		items.each(function(){			var m = $(this);			var itemTop = m.offset().top;			if (top > itemTop-200) {				currentId = "#" + m.attr("id");			}else{				return false;			}		});		var currentLink = menu.find(".current");		if (currentId && currentLink.attr("href") != currentId) {			currentLink.removeClass('current');			console.log(currentId);			menu.find('[href='+currentId+']').addClass('current');		}	});});

3.scroll.css内容如下

*{	margin: 0;	padding: 0;}body{	font-size: 12px;	line-height: 1.7;}li{	list-style: none;}/*----------------内容S-----------------*/#content{	width: 800px;	margin: 0 auto;	padding: 20px;}#content h1{	color: #08b;}#content .item{	padding:20px;	margin-bottom:20px;	border:1px dotted #08b;}#content .item h2{	font-size: 16px;	font-weight: bold;	border-bottom: 2px solid #08b;	margin-bottom: 10px;}#content .item li{	display: inline;	margin-right: 10px;}#content .item li a img{	width: 230px;	height: 230px;	border:none;}/*----------------内容E-----------------*//*----------------导航S-----------------*/#menu{	position: fixed;	top:100px;	left:50%;	margin-left: 400px;	width: 80px;}#menu ul li a{	display: block;	margin:50px 0;	font-size: 14px;	font-weight: bold;	color: #333;	width: 80px;	height: 50px;	line-height: 50px;	text-decoration: none;	text-align: center;}#menu ul li a:hover,#menu ul li a.current{	color:#fff;	background: #08b;}/*----------------导航E-----------------*/

4.效果如下