js电梯导航效果

    <!-- 按钮 -->

    <div class="navigation">

        <a href=""></a>

    </div>

 

    <!-- 楼层 -->

    <div>

        <div class="navigation_content">

        </div>

    </div>

 

 

 

jQuery部分

    var $loutili = $('.navigation a');

    $loutili.on('click', function() {

        //$(this).addClass('active').siblings('li').removeClass('active');

        var $loutitop = $('.navigation_content').eq($(this).index()).offset().top - 80;

        //获取每个楼梯的offsetTop值

        $('html,body').animate({ //$('html,body')兼容问题body属于chrome

            scrollTop: $loutitop

        })

    });