2016-10-05 9 views
0

Telerik AppBuilder Icenium Hybrid Cordovaアプリケーションをビルドしています。ビュー(HTMLページdivを持つ)には何らかのコンテンツがあります。ビューはデバイスよりも長いので、フォームを完成させるには「折りたたみの下」にスクロールダウンする必要があります。しかし、私は、フォーム上でタイプが「数字」(数字パッドを開く)である場合に数字を入力し、数字パッドを閉じてから上にスクロールしようとすると、私はもうできません。Telerik AppBuilderで数字パッドを開いて閉じた後、ロングフォームでAndroid上でスクロールできないAppBuilder Icenium Hybrid Cordova

これはマークアップです(このマークアップは特別なものではありませんが、実際のマークアップです。 )私は上に移動して、 "WIごとの時間"を設定します - たとえば、私は上にスクロールしようとしますが、私はできませんが、私はビューの最下点の下にサイズ実際の数パッド自体の。(私は数パッドを切り替える一度そのような、それは画面スクロール可能な最大の高さか何かを操作する。

<style> 
    .bodyPartImg img { 
     width: 50px; 
     height: 50px; 
    } 
</style> 
<div data-role="view" 
    data-title="Workout Type Rules" 
    data-layout="main" 
    data-model="app.workoutTypeRule" 
    data-show="app.workoutTypeRule.onShow" 
    data-after-show="app.workoutTypeRule.afterShow"> 

    <div class="container"> 
     <div class="row"> 
      <div class="col-sm-4"> 
       <h2 style="font-weight: bolder;">Choose Workout Type</h2> 
      </div> 
      <div class="col-sm-8"> 
       <select class="form-control sel_workoutTypes"></select> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;">Should this activity focus on <u>multiple body parts</u>?</h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="checkbox" name="multipleBodyParts" checked> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-sm-4"> 
       <!-- Should this activity focus on multiple body parts --> 
       <h2 style="font-weight: bolder;">Choose Bodypart(s)</h2> 
      </div> 
      <div class="col-sm-8"> 
       <a id="bodyPartImg_abs" class="bodyPartImg"><img src="images/abs.png" /></a> 
       <a id="bodyPartImg_arms" class="bodyPartImg"><img src="images/arm.png" /></a> 
       <a id="bodyPartImg_back" class="bodyPartImg"><img src="images/back.png" /></a> 
       <a id="bodyPartImg_chest" class="bodyPartImg"><img src="images/chest.png" /></a> 
       <a id="bodyPartImg_legs" class="bodyPartImg"><img src="images/leg.png" /></a> 
       <a id="bodyPartImg_shoulders" class="bodyPartImg"><img src="images/shoulder.png" /></a> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;"> 
       Minimum Sets 
       </h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="number" class="form-control" name="min_sets" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;"> 
       Minimum Reps 
       </h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="number" class="form-control" name="min_reps" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;"> 
       Minimum Weight 
       </h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="number" class="form-control" name="min_weight" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;"> 
       Minimum Bodypart Impact 
       </h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="number" class="form-control" name="min_bodyPartImpact" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;"> 
       Minimum Duration 
       </h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="range" class="form-control" name="min_bodyPartImpact" min="0" max="10" /> 
       <input type="range" class="form-control" name="min_bodyPartImpact" min="0" max="60" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;">See details?</h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="checkbox" name="seeDetails" checked> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-8"> 
       <h2 style="font-weight: bolder;"> 
       Times Per Workout Interval (WI)? 
       </h2> 
      </div> 
      <div class="col-xs-4"> 
       <input type="number" class="form-control" name="timePerWI" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-6"> 
       <h2 style="font-weight: bolder;"> 
       Start Date 
       </h2> 
      </div> 
      <div class="col-xs-6"> 
       <input type="date" class="form-control" name="startDate" /> 
      </div> 
     </div> 
     <hr /> 
     <div class="row"> 
      <div class="col-xs-6"> 
       <h2 style="font-weight: bolder;"> 
       End Date 
       </h2> 
      </div> 
      <div class="col-xs-6"> 
       <input type="date" class="form-control" name="endDate" /> 
      </div> 
     </div> 
    </div> 

</div> 

答えて

0

答えは

です

下段を参照してください。

<div data-role="view" 
    data-title="Workout Type Rules" 
    data-layout="main" 
    data-model="app.workoutTypeRule" 
    data-show="app.workoutTypeRule.onShow" 
    data-after-show="app.workoutTypeRule.afterShow" 
    data-use-native-scrolling="true"> 
関連する問題