wordpress onepage模板添加jQuery平滑滚动

Question

我使用以下代码在wordpress中创建了一个单页模板。

<?php get_header();

    // define how pages will display
    $args = array(
        'sort_order' => 'ASC',
        'sort_column' => 'menu_order', //post_title
        'hierarchical' => 1,
        'exclude' => '',
        'child_of' => 2,
        'parent' => -1,
        'exclude_tree' => '',
        'number' => '',
        'offset' => 0,
        'post_type' => 'page',
        'post_status' => 'publish'
    );

    $pages = get_pages($args);
//start loop
foreach ($pages as $page_data) {
    $content = apply_filters('the_content', $page_data->post_content);
    $title = $page_data->post_title;
    $slug = $page_data->post_name;
?>

<main role="main">
    <!-- section -->
    <section>

        <div class='<?php echo "$slug" ?>'>
            <h1><?php echo "$title" ?></h1>
                <?php echo "$content" ?>
        </div>



    </section><!-- /section -->
</main>

<?php
}
get_footer();
?>

现在我想创建菜单并使用jQuery平滑滚动它。 有人可以告诉我怎么做才能做到的？ 谢谢