javascript 模板化的跳跃链接

Posted 2021-05-03

    $(document).on('click', '.jump-link', function(){
        var $el = $( $(this).data('jump-target') ),
            offset = $(this).data('jump-offset');
        if ( $el.length ) {
            $('html,body').animate({
                scrollTop: $el.offset().top + offset
            }, 150);
        }
    })
    
    /*
    Usage:
    <a href="#0" data-jump-target="#other-section" data-jump-offset="-50">
    clicking will scroll the page to 50px above <div id="other-section">
    */