javascript - Nanoscroll 不支持多个内容

Question

我正在使用带有 NanoScroll.js 的 Tabulous.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>

由于第一个内容很短，所以没有使用 nano，但是对于第二个内容，它应该出现。

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

对此有何建议？

提前致谢

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>

或者像这样想：

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