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

由于第一个内容比较短，没有使用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>