jquery - jquery.animate と jquery.scrolltop でコンテンツを垂直方向にスクロール

Question

要素をスクロールして非表示のコンテンツを表示するこのプラグインに取り組んでいます。

しかし、例えば、私はそれを正しくすることはできません。

1. コンテンツをスクロールして数字 7,8に到達し、1 ステップ前にスクロールして数字 5,6に到達したいが、スクロールして数字 1,2に到達した場合。

2. 誤って番号 1,2に達した後、ボタンをもう一度クリックすると、番号 8,9に到達するまでまっすぐ下にスクロールします。more

どうすれば修正できますか？

プラグインコードはこちら

(function($){

   $.fn.extend({ 

        scroll_up_down: function(options) {

            var defaults = {
                associateScroller:           '.less',
                scrollTarget:                '.items-thread',
                scrollAmount:                40,
                callback:                     function() {}
            }

            var options =  $.extend(defaults, options);
            var o = options;
            var scroll_amount =  o.scrollAmount;
            var associate_scroller = o.associateScroller


            var $cm = this.click(function(e){

                // Set the varible.
                var object = $(this);
                var scroll_target = $(o.scrollTarget);

                scroll_target.animate({scrollTop:scroll_amount}, 500);

                scroll_amount += o.scrollAmount;


                return false;

            });

            var $cm_2 = $(associate_scroller).click(function(e){

                // Set the varible.
                var scroll_target = $(o.scrollTarget);

                scroll_target.animate({scrollTop:-scroll_amount}, 500);
                scroll_amount -= o.scrollAmount;


                return false;
            });



        }
    });

})(jQuery);