Nanoscroll不支持多个内容

Question

我使用Tabulous.js脚本NanoScroll.js 这里是我的代码：

<div id="tabs_container" class="nano"> 
    <div id="tabs-1" class="overthrow content"> 
    short text 
    </div> 
    <div id="tabs-2" class="overthrow content"> 
    very long text 
    </div> 
</div> 

和

<script type="text/javascript"> 
    $(function() { 
     $(".nano").nanoScroller({scroll: 'top'}); 
    } 
</script> 

作为第一内容很短，纳米不被使用，但对于第二个内容，它应该出现。

内容是一个类，这就是为什么我虽然可以使用多个内容。我错了吗 ？

对此有何建议？

在此先感谢

Answer 1

你只有一个“纳米”级，但两个内容类。

对于页面上的每个滚动，您需要两个类。

所以，你可能需要像这样：

<div id="tabs_container" class="nano"> 
    <div id="tabs-1" class="overthrow content"> 
    short text 
    </div> 
</div> 
<div id="tabs_container_2" class="nano"> 
    <div id="tabs-2" class="overthrow content"> 
    very long text 
    </div> 
</div> 

或者somethink这样的：

<div id="tabs_container" class="nano"> 
    <div class="content"> 
    <div id="tabs-1" class="overthrow"> 
      short text 
     </div> 
     <div id="tabs-2" class="overthrow"> 
      very long text 
     </div> 
    </div> 
    </div>