jscroll插件不起作用，有多个滚动

Question

我在网站首页使用jscroll插件。我使用它，它工作正常。但是当我在同一页面上添加多个滚动时，它只能在一个滚动条上工作。

jscroll网站：http://jscroll.com

html代码：

第一栏

<div class="containerHome scrollNew">

    <!-- BEGIN: a1_loop -->

    <div class="single {CLASS_HERE} ">
        //Html Content Here
        <a href="/blub_site/admin/ajax/newStart/?article=2" class="newArticlesATag">#</a> 
    </div>

    <!-- END: a1_loop -->

    <script type="text/javascript">
        $('.scrollNew').jscroll({ 
            nextSelector: 'a:last'
    });
    </script>
</div>

第二栏：

<div class="containerHome scrollMid">
    <!-- BEGIN: a2_loop --> 
        //html code
        <a href="/blub_site/admin/ajax/newStart/?article={SLUG}" class="midArticlesATag">#</a>
    </div>
    <!-- END: a2_loop -->
    <script type="text/javascript">
        $('.scrollMid').jscroll({ 
            nextSelector: 'a:last'
        });
    </script>
</div>