javascript - 使用ajax动态分割滚动条

Question

我试图有一个带有ajax的动态滚动条，这意味着我尝试通过ajax用滚动条更新分区，我在这方面遇到了一些麻烦，我使用我下载的名为Tiny Scrollbar的示例滚动条: http://www.baijs.nl/tinyscrollbar/
你可以在这里预览我的:http://www.luminusconsult.com/apps/testing/index.html

这是我在索引页中的内容...

     <div id="reloaded">
       <div id="scrollbar1">
         <div class="scrollbar"><div class="track"><div class="thumb">
           <div class="end"></div></div></div></div>
             <div class="viewport">
                <div class="overview">
                   ....

                </div>
            </div>
        </div></div>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#scrollbar1').tinyscrollbar();   
            });
        </script>

当我尝试使用ajax重新加载“重新加载”分区时...

    <div id="scrollbar1">
     <div class="scrollbar"><div class="track"><div class="thumb">
       <div class="end">      </div></div></div></div>
         <div class="viewport">
           <div class="overview">
             ....
        </div>
    </div>
</div>
    <script type="text/javascript">
            $(document).ready(function(){
                $('#scrollbar1').tinyscrollbar();   
            });
    </script>

有什么办法可以解决这个问题吗？

Answer 1

在ajax请求的成功回调中添加tinyscrollbar更新方法。

$('#scrollbar1').tinyscrollbar_update();