偷盗：新浪游戏右侧导航菜单

http://games.sina.com.cn

效果：

随着页面的滚动，左侧页面的内容，和右侧的导航菜单的按钮文字对应；

点击右侧的导航按钮，左侧页面滚动到相应的内容

 2016-3-2　　又改一版，下面是文字版的

        
         准备装修
        
        
         正装修中
        
        
         完工秀场
        
        
         日记达人
        
        
         啊啊啊啊
        
        
         鹅鹅鹅鹅
        
        
         榜单榜单
        
        
    
         准备装修准备
装修    
         正装修中正装
修中    
         完工秀场完工
秀场    
         日记达人日记
达人    
         啊啊啊啊啊啊
啊啊    
         鹅鹅鹅鹅鹅鹅
鹅鹅    
         榜单榜单榜单
榜单    
         
        

 

 

 

 

 

 

 

 

1、右边按钮控制左边没问题；

2、左边滚屏时，对右边按钮的控制，略有小问题：

在首屏时，右边按钮不关闭；在4屏显示完后，右边不关闭。暂时做如下处理，以后再改善。　　2016-2-26

$(window).scroll(function(e){        var top = $(window).scrollTop();        var posarr = [];        var cur = -1;        $('.right-nav .gozxrj').each(function (i, el) {            var id = $(el).attr('href');            offset = top - $(id).offset().top + 160;            posarr.push(offset);            if(offset<0){                cur = i;                return false;            }        });        //console.log(posarr);        var length = 4;        if(posarr[length-1]&&(posarr[length-1]>0)){cur=length;}        if( (cur==0) && posarr[0]<0 ){cur=-1;}        if(cur==-1){            $('.right-nav .gozxrj').removeClass('hover');        }else{            $('.right-nav .gozxrj').eq(cur-1).addClass('hover').siblings('.gozxrj').removeClass('hover');        }    });

 

 

 

 

..