jquery - tinyscrollbar 轴 X 在 tinyscrollbar 轴 Y 内

Question

我有垂直滚动的 DIV1 (#scrollbar1)。我想在 DIV1 (#scrollbar1) 内包含一个 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 -->

这可能吗 ？