jquery - tinyscrollbar 軸 X tinyscrollbar 軸 Y の内側

Question

スクロールが垂直である DIV1 (#scrollbar1) があります。そして、スクロールが水平である DIV1 (#scrollbar1) 内に 1 つの DIV2 (#scrollbar2) を含めたいと思います。どちらも Tinyscrollbar プラグインを使用しています。

コード例:

<script type="javascript">
     $('#scrollbar1').tinyscrollbar(); /* DIV1 */

     var scr2 = $('#scrollbar2'); /* DIV2 */
     if(src2.length > 0) {
          src2.tinyscrollbar({ axis: x });
     }
     $('#scrollbar2').
</script>

<!-- HTML -->
<div id="scrollbar1">     <!-- here is the DIV1 -->
<div class="scrollbar"><div class="thumb"></div></div>
<div class="viewport">
<div class="overview">

     <div id="scrollbar2">     <!-- here is the DIV2 -->
     <div class="scrollbar"><div class="thumb"></div></div>
     <div class="viewport">
     <div class="overview">

          CONTENT 

     </div><!-- .overview -->
     </div><!-- .viewport -->
     </div><!-- #scrollbar2 -->

</div><!-- .overview -->
</div><!-- .viewport -->
</div><!-- #scrollbar1 -->

これは可能ですか？