$(function(){
        //1.楼梯什么时候显示，800px scroll--->scrolltop
        $(window).on('scroll',function(){
            var $scroll=$(this).scrolltop();
            //4.拖动滚轮，对应的楼梯样式进行匹配
            $('.louti').each(function(){
                var $loutitop=$('.louti').eq($(this).index()).offset().top+400;
                //console.log($loutitop);
                if($loutitop>$scroll){//楼层的top大于滚动条的距离
                    $('#loutinav li').removeclass('active');
                    $('#loutinav li').eq($(this).index()).addclass('active');
                    return false;//中断循环
                }
            });
        });
        //2.获取每个楼梯的offset().top,点击楼梯让对应的内容模块移动到对应的位置  offset().left
        
        var $loutili=$('#loutinav li').not('.last');
        $loutili.on('click',function(){
            $(this).addclass('active').siblings('li').removeclass('active');
            var $loutitop=$('.louti').eq($(this).index()).offset().top;
            //获取每个楼梯的offsettop值
            $('html,body').animate({//$('html,body')兼容问题body属于chrome
                scrolltop:$loutitop
            })
        });
    })