Problems occur in more than one area.

[Abbey100]

my html is like..

<div class="scroll" >
  <div class="wrap-sc">
     ~~contents~~
  </div>
</div>

so, I use the nicescroll as like...

function GetNScroll() { $('.wrap-sc').parent('.scroll').niceScroll('.wrap-sc',{ bouncescroll: false, autohidemode: false })
}

That is perfectly work. However, in this case -

<!-- the wrapper cont -->
<div class="scroll" >
  <div class="wrap-sc">

     <!-- the first cont -->
     <div class="scroll">
         <div class="wrap-sc">
              ~~contents~~
         </div>
     </div>

     <!-- the second cont -->
     <div class="scroll">
         <div class="wrap-sc">
              ~~contents~~
         </div>
     </div>

  </div>
</div>

In this case,.. whenever I try to mouse scroll the outside scroll, the inside two scrolls(the first cont's & the second cont's) move together. How to move separate scrolls(but the one is locate inside annother) each other ?