html - phonegap でスクロールが機能しない

Question

フッター部分で、ajax呼び出しを介して送信される50個のデータが必要であり、データに触れるとすべてのデータが直線になる必要があり、マウスを介してもスクロールする必要があるように移動するとしますデータを取得するのを手伝ってくださいしかし、スクロールしておらず、データがまっすぐに来ていません

前もって感謝します

HTML5:-

 <div data-role="footer" data-position="fixed" id="footer_ids" onmousedown="startReverseSlider(event)" ontouchstart="startReverseSlider(event)">
              <div class="menu_cat_ids" id="menu_button_ids" ></div>
         </div> 
         <style>
            #footer_ids{
                    position: fixed;
                    width:100%;
                    overflow-x:auto;
                    bottom: 1px;
                    z-index: 10;
                    text-align: center;
                    height: 5%;
            }
          </style>

jquery:-

$(document).unbind('pageinit').bind('pageinit', function () {

          callMenuConnection(); 

      });

function callMenuConnection() {  
        $.support.cors = true;
           $.ajax({
                type: "GET",
                url: "one.html",
                contentType: "text/xml",
                dataType: "xml",
                data: "",
                cache:false,
                processData:false,
                crossDomain:true,
                success: function (data) {
                        $(data).find("category").each(function () {  
                              var id = $(this).find('id').text();
                              var title = $(this).find('title').text();
                              var scripts = "<a href='#' data-role='button' data-theme='b' data-inline='true'>"+title+"</a>"                
                                      $("#menu_button_ids").append(scripts).trigger('create'); 
        });
      }

            }); 
      }


 function startReverseSlider(event){
theElement=event.currentTarget;
startX = endX = getCurrentPositionX(event);
startY = endY = getCurrentPositionY(event);
mx = getCurrentPositionX(event) - $('#menu_button_ids').offset().left;
document.addEventListener("mousemove",moveReverseSlider,true);
document.addEventListener("mouseup",dropReverseSlider,true);
document.addEventListener("touchmove",moveReverseSlider,true);
document.addEventListener("touchend",dropReverseSlider,true);
//event.stopPropagation();
event.preventDefault();
}        


       function dropReverseSlider(event)
       {    
     document.removeEventListener("mouseup",dropReverseSlider,true);
     document.removeEventListener("mousemove",moveReverseSlider,true);
     document.removeEventListener("touchend",dropReverseSlider,true);
     document.removeEventListener("touchmove",moveReverseSlider,true);
     //event.stopPropagation();
     }

  function moveReverseSlider(event)
   {    
   endX = getCurrentPositionX(event);
   endY = getCurrentPositionY(event);
   var clientX = getCurrentPositionX(event) - mx;
   if(clientX+sliderLeft < -w+vx-sliderLeft){
     } else if (clientX > sliderLeft) {
       } else {
      $('#menu_button_ids').css('left',(clientX-sliderLeft)+'px');
       var X =$('#menu_button_ids').offset().left - sliderLeft;
       var P=-X*(rs)/(w);
          if (P > rs-ts) {
          P = rs - ts;
           }
}

}