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

        })

    });