Question

使用jQuery活更新滚动条问题，怎么解决

Answer 1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.scroll').bind('scroll', scrollBarSync);
        });

        function scrollBarSync(event) {
            console.log($(event.target).attr('id'));

            $('.scroll').unbind('scroll');

            $.each($('.scroll'), function(index, value) {
                var left = $(value).scrollLeft();

                if ($(event.target).attr('id') != $(value).attr('id') &&
                        left != $(event.target).scrollLeft()) {

                    $(value).scrollLeft($(event.target).scrollLeft())
                }
            });

            $('.scroll').bind('scroll', scrollBarSync);

            return false;
        }
    </script>