mui-scroll-wrappe 区域滚动 点击滚动到对应位置怎么做？

<div class="mui-inner-wrap">  
          <div class="topbar">  
                 <a data-val="A">A</a><a data-val="B">B</a><a data-val="C">C</a>  
              </div>  
        <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">  
            <div class="mui-scroll">  
                 <ul>  
                    <div id="A" class="tit">A</div>  
                   <li>122222</li>  
                   <li>122222</li>  
                   <li>122222</li>  
                </ul>  
                   <ul>  
                    <div id="B" class="tit">B</div>  
                   <li>122222</li>  
                   <li>122222</li>  
                   <li>122222</li>  
                </ul>  
                  <ul>  
                    <div id="C" class="tit">C</div>  
                   <li>122222</li>  
                   <li>122222</li>  
                   <li>122222</li>  
                </ul>  
</div>  
</div>  
</div>

topbar 始终悬浮在最上面的，点击A 自动滚动A位置。 点击B 自动滚动B 位置。这个要怎么设置？