javascript - Javascript - スケジュールのスクロールの問題

Question

現在カレンダー制作中です。カレンダー コンテナをスクロールするのに苦労しています。JavaScript は、すべての日付を含むスケジュール日付コンテナに日付を生成します。また、フルサイズのカレンダーを生成し、その下にさまざまなオブジェクトを表示できます。私が抱えている問題は、スクロールを機能させようとしていることです。スケジュール日付コンテナーの数字をクリックすると、フルサイズのカレンダーがその特定の日付にスクロールされますが、スクロール部分のコーディングに問題があります。事前に助けてくれてありがとう。

<p>
<div id='schedule-date-background'>
<div id='schedule-date-container'>
</div>
</div>
<div id="schedule-overall-frame">
<div id='schedule-overall-container'>
</div>
</div>
</p>

// JavaScript Document$(document).ready(function () {

//Global Variables
var week = [14,15,16,17,18,19,20,21,22,23,24,25,26,27];
var today = new Date();
var day = today.getDate();
//End of Global Variable

//Dates loaders
function LoadDates()
{ 
    for (var i = 0; i < week.length; i++)
        {
                            //add <div id="today"> to the schedule 
            if (day==week[i]){
                var ObjDiv = $('<div></div>');
                ObjDiv.addClass(i);
                ObjDiv.addClass("schedule-date-minicontainer");
                ObjDiv.addClass("today");
                ObjDiv.append(week[i]);
                $('#schedule-date-container').append(ObjDiv);
            }
                            //generate dates
            else{
                var ObjDiv = $('<div></div>');
                ObjDiv.addClass(i);
                ObjDiv.addClass("schedule-date-minicontainer");
                ObjDiv.append(week[i]);
                $('#schedule-date-container').append(ObjDiv);
            }
    }     

    var container = 0;

    for (var i=0; i<week.length; i++)
    {  

        var ObjDiv = $('<div></div>');
        ObjDiv.addClass("schedule-stripcontainer");
        ObjDiv.append(week[i]);
        $('#schedule-overall-container').append(ObjDiv);
        if (day==week[i]){
            container = "230" * (i-1);

        }

    }

    /*document.getElementById("schedule-overall-container").style.marginLeft = -container + "px" ;*/
    $('div#schedule-overall-container').animate({'left': -container}, 'slow')



} 
  //End of Dates Loader


    $(document).ready(function () {
        document.getElementsByClassName('0').click(function () {
        document.getElementsByClassName('0').animate({'left': '+=230px'}, 'slow');
        $('div#schedule-overall-container').animate({'left': '+=230px'}, 'slow');

    });


    $('.1').click(function () {
        document.getElementsByClassName.animate({'left': '+=230px'}, 'slow');
        $('div#schedule-overall-container').animate({'left': '+=230px'}, 'slow');
    });