1

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 は使用されませんが、2 番目のコンテンツでは表示されるはずです。

コンテンツはクラスなので、複数のコンテンツを使用できると思いました。私が間違っている ?

これに関するアドバイスはありますか?

前もって感謝します

4

1 に答える 1

0

「nano」クラスは 1 つしかありませんが、コンテンツ クラスは 2 つです。

ページをスクロールするたびに、両方のクラスのうち 2 つが必要です。

したがって、次のようなものが必要になる場合があります。

<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>
于 2013-10-29T11:19:53.757 に答える