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>

Nanoscroll不支持多个内容

1 个答案: