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();

动态滚动条分割与ajax

1 个答案: