jQuery自定义内容滚动滚动

时间:2012-08-23 12:26:22

标签: jquery jquery-plugins

我已经使用jQuery custom content scroller完成了滚动条,但是它有一些问题。我正在用div标签完成这个滚动条,其中我正在从mysql(一些帖子)中检索数据,所以我的问题是我使用ajax将数据发送到数据库并且它也可以工作,但是当附加数据时在div标签上,滚动条具有固定大小,不更新(仅在刷新页面时更新)。如何在使用ajax添加数据时更新滚动条大小?而且我也无法理解如何在最后修复滚动条?请帮助我对这个问题非常困惑,谢谢:)

PS。这里也是插件主页http://manos.malihu.gr/jquery-custom-content-scroller

更新

$.ajax({
                url:  "ajax/posting.php",
                type: "POST",
                data: {send_post: "Send", user_id: "<?php echo $userArr[0]; ?>", user_name: "<?php echo $userArr[2] . " " . $userArr[3]; ?>", msg: $("#post").val()},
                complete: function(){
                    $("#post").val("");
                },
                success: function(result){
                    $.ajax({
                        url:  "ajax/posting.php",
                        type: "POST",
                        data: {renew_posts: "Yes",admin: "<?php echo $userArr[1]; ?>",owner: "<?php echo $userArr[0]; ?>"},
                        success: function(renewed_data){
                            $("#chat_tb").html(renewed_data);
                            (function($){$(window).load(function(){$(".post_container").mCustomScrollbar({
                                scrollButtons:{enable:true,scrollSpeed: 40}
                            });});})(jQuery);
                        }
                    });
                }
            });

在这段代码中,只有在将数据发送到数据库之后如何在回调中更新mCustomScrollbar()函数才是非常了不起的

1 个答案:

答案 0 :(得分:1)

看看Fluid scrollbar demo

修改

如果不起作用,请尝试在ajax请求后重新初始化.mCustomScrollbar() - functon。

编辑2

试一试:

$.ajax({
    url: "ajax/posting.php",
    type: "POST",
    data: {
        send_post: "Send",
        user_id: "<?php echo $userArr[0]; ?>",
        user_name: "<?php echo $userArr[2] . "" . $userArr[3]; ?>",
        msg: $("#post").val()
    },
    complete: function() {
        $("#post").val("");
    },
    success: function(result) {
        $.ajax({
            url: "ajax/posting.php",
            type: "POST",
            data: {
                renew_posts: "Yes",
                admin: "<?php echo $userArr[1]; ?>",
                owner: "<?php echo $userArr[0]; ?>"
            },
            success: function(renewed_data) {
                $("#chat_tb").html(renewed_data);
                $(".post_container").mCustomScrollbar({
                    scrollButtons: {
                        enable: true,
                        scrollSpeed: 40
                    }
                });
            }
        });
    }
});​