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> 

作爲第一內容很短，納米不被使用，但對於第二個內容，它應該出現。

內容是一個類，這就是爲什麼我雖然可以使用多個內容。我錯了嗎 ？

對此有何建議？

在此先感謝

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> 

或者somethink這樣的：

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