Javascript localscroll.js-似乎无法确定如何设置链接

我3天前刚刚被介绍过HTML代码，并没有学到很多东西，这可能是一个简单的修复方法，但标题说明了一切。我不确定如何设置页面链接，以便使用平滑滚动的jQuery插件localscoll.js。哦，我正在尝试将.section2链接到.arrow和servers.png

Javascript:

---

根据localscroll.js和公共ref链接，href属性section2应该是目标的id

尝试更改ID的类

---

也许你可以发布一个工作的JSFIDLE或JSBin？嘿，我已经尝试过了，我相信你是正确的，但是，url更改为/index.htmlsection2，页面根本不会滚动。

<script type="text/javascript">
    jQuery(function( $ ){
        $.localScroll.defaults.axis = 'xy';
        $.localScroll({
            target: '#content',
            queue:true,
            duration:1000,
            hash:true,
            onBefore:function( e, anchor, $target ){
            },
            onAfter:function( anchor, settings ){
            }
        });
    });
</script>

<div class="section1">
    <div class="menubar">
      <div class="menubar fadeInUp animated">
         <a href="#section2"><img class="menutext" src="images/menu_bar/servers.png">    </a>   
      </div>    
      <div class="banner wow fadeInUp animated" data-wow-delay="0.75s" />
         <a href="#section2"><img class="arrow wow fadeIn animated" data-wow-delay="0.75s" src="css/banner/arrow.png"></a>
        </div>
    </div>    
    <div class="section2">
        <a name="section2"></a>
    </div>
</div>

.arrow {
   margin-top: 470px;
   text-align: center;
}

.section2 {
   background: url(section2/background.png);
   background-position: center;
   width: 100%;
   height: 515px;
   margin-bottom: 0;
   position: relative;
}

<div id="#section2">
    <a name="section2"></a>
</div>