Jquery tinyscrollbar轴X在tinyscrollbar轴Y的内侧

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

$（'#scrollbar1'）。tinyscrollbar（）；/*第一组*/
var scr2=$（'#滚动条2'）；/*第二组*/
如果（src2.length>0）{
src2.tinyscrolllbar（{axis:x}）；
}
$（“#滚动条2”）。
内容

这可能吗