Javascript Nanoscroll不'；不支持多种内容

我将tabulus.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>

短文
很长的文本

及

$（函数（）{
$（“.nano”）.nanoScroller（{scroll:'top}）；
}

由于第一种内容较短，因此不使用nano，但对于第二种内容，应该会出现nano

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

有什么建议吗

提前感谢

您只有一个“nano”类，但有两个内容类

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

所以你可能需要这样的东西：

<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>

<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>

短文
很长的文本

或者像这样想：

<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>

<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>

短文
很长的文本